@akanjs/cli 0.0.125 → 0.0.127

package/cjs/index.js

@@ -1186,6 +1186,10 @@ var WorkspaceExecutor = class _WorkspaceExecutor extends Executor {
   async getPkgs() {
     return await this.#getDirHasFile(`${this.workspaceRoot}/pkgs`, "package.json");
   }
+  async getExecs() {
+    const [appNames, libNames, pkgNames] = await Promise.all([this.getApps(), this.getLibs(), this.getPkgs()]);
+    return [appNames, libNames, pkgNames];
+  }
   setTsPaths(type, name) {
     const rootTsConfig = this.readJson("tsconfig.json");
     if (type === "lib")
@@ -1856,6 +1860,7 @@ var createArgMetaDecorator = (type) => {
 var App = createArgMetaDecorator("App");
 var Lib = createArgMetaDecorator("Lib");
 var Sys = createArgMetaDecorator("Sys");
+var Exec = createArgMetaDecorator("Exec");
 var Pkg = createArgMetaDecorator("Pkg");
 var Workspace = createArgMetaDecorator("Workspace");
 
@@ -1958,7 +1963,7 @@ var getArgumentValue = async (argMeta, value, workspace) => {
   if (argMeta.type === "Workspace")
     return workspace;
   const sysType = argMeta.type.toLowerCase();
-  const [appNames, libNames] = await workspace.getSyss();
+  const [appNames, libNames, pkgNames] = await workspace.getExecs();
   if (sysType === "sys") {
     if (value && appNames.includes(value))
       return AppExecutor.from(workspace, value);
@@ -1976,6 +1981,27 @@ var getArgumentValue = async (argMeta, value, workspace) => {
       else
         throw new Error(`Invalid system name: ${sysName}`);
     }
+  } else if (sysType === "exec") {
+    if (value && appNames.includes(value))
+      return AppExecutor.from(workspace, value);
+    else if (value && libNames.includes(value))
+      return LibExecutor.from(workspace, value);
+    else if (value && pkgNames.includes(value))
+      return PkgExecutor.from(workspace, value);
+    else {
+      const execName = await (0, import_prompts3.select)({
+        message: `Select the App or Lib or Pkg name`,
+        choices: [...appNames, ...libNames, ...pkgNames]
+      });
+      if (appNames.includes(execName))
+        return AppExecutor.from(workspace, execName);
+      else if (libNames.includes(execName))
+        return LibExecutor.from(workspace, execName);
+      else if (pkgNames.includes(execName))
+        return PkgExecutor.from(workspace, execName);
+      else
+        throw new Error(`Invalid system name: ${execName}`);
+    }
   } else if (sysType === "app") {
     if (value && appNames.includes(value))
       return AppExecutor.from(workspace, value);
@@ -6257,6 +6283,9 @@ var WorkspaceRunner = class {
     };
     workspace.writeJson(`infra/master/mongo-connections.json`, mongoConnectionList);
   }
+  async lint(exec2, workspace, { fix = true } = {}) {
+    await workspace.spawn("node", ["node_modules/eslint/bin/eslint.js", exec2.cwdPath, ...fix ? ["--fix"] : []]);
+  }
 };
 
 // pkgs/@akanjs/cli/src/workspace/workspace.script.ts
@@ -6276,6 +6305,25 @@ var WorkspaceScript = class {
     await this.#runner.generateMongo(workspace);
     workspace.log(`Mongo connections generated in infra/master/mongo-connections.json`);
   }
+  async lint(exec2, workspace, { fix = true } = {}) {
+    if (exec2 instanceof AppExecutor)
+      await this.applicationScript.syncApplication(exec2);
+    else if (exec2 instanceof LibExecutor)
+      await this.libraryScript.syncLibrary(exec2);
+    await this.#runner.lint(exec2, workspace, { fix });
+  }
+  async lintAll(workspace, { fix = true } = {}) {
+    const [appNames, libNames, pkgNames] = await workspace.getExecs();
+    await Promise.all(
+      appNames.map((appName) => this.applicationScript.syncApplication(AppExecutor.from(workspace, appName)))
+    );
+    await Promise.all(libNames.map((libName) => this.libraryScript.syncLibrary(LibExecutor.from(workspace, libName))));
+    await Promise.all([
+      ...appNames.map((appName) => this.#runner.lint(AppExecutor.from(workspace, appName), workspace, { fix })),
+      ...libNames.map((libName) => this.#runner.lint(LibExecutor.from(workspace, libName), workspace, { fix })),
+      ...pkgNames.filter((pkgName) => pkgName !== "contract").map((pkgName) => this.#runner.lint(PkgExecutor.from(workspace, pkgName), workspace, { fix }))
+    ]);
+  }
 };
 
 // pkgs/@akanjs/cli/src/workspace/workspace.command.ts
@@ -6287,17 +6335,34 @@ var WorkspaceCommand = class {
   async generateMongo(workspace) {
     await this.workspaceScript.generateMongo(workspace);
   }
+  async lint(exec2, fix, workspace) {
+    await this.workspaceScript.lint(exec2, workspace, { fix });
+  }
+  async lintAll(fix, workspace) {
+    await this.workspaceScript.lintAll(workspace, { fix });
+  }
 };
 __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([
   Target.Public(),
   __decorateParam(0, Workspace())
 ], WorkspaceCommand.prototype, "generateMongo", 1);
+__decorateClass([
+  Target.Public(),
+  __decorateParam(0, Exec()),
+  __decorateParam(1, Option("fix", { type: "boolean", default: true })),
+  __decorateParam(2, Workspace())
+], WorkspaceCommand.prototype, "lint", 1);
+__decorateClass([
+  Target.Public(),
+  __decorateParam(0, Option("fix", { type: "boolean", default: true })),
+  __decorateParam(1, Workspace())
+], WorkspaceCommand.prototype, "lintAll", 1);
 WorkspaceCommand = __decorateClass([
   Commands()
 ], WorkspaceCommand);

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

@@ -26,19 +26,99 @@ function getContent(scanResult, dict) {
   return {
     filename: "page.tsx",
     content: `
-import { Image, Link } from "@util/ui";
-import { getSelf } from "@akanjs/client";
+import {
+  FaBolt,
+  FaBook,
+  FaCloudUploadAlt,
+  FaCode,
+  FaExternalLinkAlt,
+  FaGraduationCap,
+  FaHeart,
+  FaShieldAlt,
+} from "react-icons/fa";
+
+export const metadata = {
+  title: "Akan.js",
+};
 
 export default function Page() {
-  const self = getSelf();
   return (
-    <div className="relative w-full h-screen overflow-hidden flex items-center justify-center">
-      <div className="max-w-md bg-base-100/50 shadow-lg rounded-xl backdrop-blur-xs w-full py-8 px-16 flex flex-col items-center justify-center gap-3">
-        <h1 className="text-4xl mt-2">${dict.appName}</h1>
-        <h2 className="text-lg">${dict.appName} description</h2>
-        <Link className="w-full" href={self ? "/self" : "/signin"}>
-          <button className="btn w-full btn-primary">Go to dashboard</button>
-        </Link>
+    <div className="bg-base-100 flex min-h-screen items-center justify-center">
+      <div className="container mx-auto px-4 py-16">
+        <div className="mb-16 text-center">
+          <h1 className="mb-6 text-6xl font-bold">Akan.js</h1>
+          <p className="mx-auto max-w-2xl text-lg">A typescript full-stack framework designed for solo developers</p>
+          <p className="mx-auto max-w-2xl text-lg">that enables building servers, web, and apps all at once</p>
+          <p className="mx-auto max-w-2xl text-lg">making in-house development with minimal resources.</p>
+          <div className="my-8 flex flex-wrap justify-center gap-4">
+            <div className="badge badge-lg text-base-100 bg-primary border-none">
+              <FaBolt className="" />
+              All-in-One
+            </div>
+            <div className="badge badge-lg text-base-100 bg-secondary border-none">
+              <FaShieldAlt className="" />
+              Type-Safe
+            </div>
+            <div className="badge badge-lg text-base-100 bg-success border-none">
+              <FaHeart className="" />
+              Minimal-Code
+            </div>
+          </div>
+        </div>
+        <div className="mb-12 text-center">
+          <button className="btn btn-primary btn-lg bg-primary border-none px-12 py-4 text-lg font-semibold">
+            <FaCloudUploadAlt className="mr-3 text-xl" />
+            Deploy Now
+          </button>
+        </div>
+        <div className="mb-16 rounded-lg bg-slate-800 p-8">
+          <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>
+            </pre>
+            <pre data-prefix="$">
+              <code className="text-success">cd my-workspace</code>
+            </pre>
+            <pre data-prefix="$">
+              <code className="text-success">akan start my-app</code>
+            </pre>
+          </div>
+        </div>
+        <div className="mb-16 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4">
+          <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-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>
+          </div>
+          <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-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>
+          </div>
+          <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-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>
+          </div>
+          <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-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>
+          </div>
+        </div>
       </div>
     </div>
   );

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

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/app/app/[lang]/(__appName__)/(public)/unknown/page.tsx
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "page.tsx",
+    content: `
+import { Load, System } from "@shared/ui";
+
+interface PageProps {
+  searchParams: Promise<{
+    p?: string;
+  }>;
+}
+
+export default function Page({ searchParams }: PageProps) {
+  return (
+    <Load.Page
+      of={Page}
+      loader={async () => {
+        const { p } = await searchParams;
+        return { p } as const;
+      }}
+      render={({ p }) => <System.Reconnect dev={true} />}
+    />
+  );
+}
+  `
+  };
+}

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/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

@@ -1173,6 +1173,10 @@ var WorkspaceExecutor = class _WorkspaceExecutor extends Executor {
   async getPkgs() {
     return await this.#getDirHasFile(`${this.workspaceRoot}/pkgs`, "package.json");
   }
+  async getExecs() {
+    const [appNames, libNames, pkgNames] = await Promise.all([this.getApps(), this.getLibs(), this.getPkgs()]);
+    return [appNames, libNames, pkgNames];
+  }
   setTsPaths(type, name) {
     const rootTsConfig = this.readJson("tsconfig.json");
     if (type === "lib")
@@ -1843,6 +1847,7 @@ var createArgMetaDecorator = (type) => {
 var App = createArgMetaDecorator("App");
 var Lib = createArgMetaDecorator("Lib");
 var Sys = createArgMetaDecorator("Sys");
+var Exec = createArgMetaDecorator("Exec");
 var Pkg = createArgMetaDecorator("Pkg");
 var Workspace = createArgMetaDecorator("Workspace");
 
@@ -1945,7 +1950,7 @@ var getArgumentValue = async (argMeta, value, workspace) => {
   if (argMeta.type === "Workspace")
     return workspace;
   const sysType = argMeta.type.toLowerCase();
-  const [appNames, libNames] = await workspace.getSyss();
+  const [appNames, libNames, pkgNames] = await workspace.getExecs();
   if (sysType === "sys") {
     if (value && appNames.includes(value))
       return AppExecutor.from(workspace, value);
@@ -1963,6 +1968,27 @@ var getArgumentValue = async (argMeta, value, workspace) => {
       else
         throw new Error(`Invalid system name: ${sysName}`);
     }
+  } else if (sysType === "exec") {
+    if (value && appNames.includes(value))
+      return AppExecutor.from(workspace, value);
+    else if (value && libNames.includes(value))
+      return LibExecutor.from(workspace, value);
+    else if (value && pkgNames.includes(value))
+      return PkgExecutor.from(workspace, value);
+    else {
+      const execName = await select2({
+        message: `Select the App or Lib or Pkg name`,
+        choices: [...appNames, ...libNames, ...pkgNames]
+      });
+      if (appNames.includes(execName))
+        return AppExecutor.from(workspace, execName);
+      else if (libNames.includes(execName))
+        return LibExecutor.from(workspace, execName);
+      else if (pkgNames.includes(execName))
+        return PkgExecutor.from(workspace, execName);
+      else
+        throw new Error(`Invalid system name: ${execName}`);
+    }
   } else if (sysType === "app") {
     if (value && appNames.includes(value))
       return AppExecutor.from(workspace, value);
@@ -6244,6 +6270,9 @@ var WorkspaceRunner = class {
     };
     workspace.writeJson(`infra/master/mongo-connections.json`, mongoConnectionList);
   }
+  async lint(exec2, workspace, { fix = true } = {}) {
+    await workspace.spawn("node", ["node_modules/eslint/bin/eslint.js", exec2.cwdPath, ...fix ? ["--fix"] : []]);
+  }
 };
 
 // pkgs/@akanjs/cli/src/workspace/workspace.script.ts
@@ -6263,6 +6292,25 @@ var WorkspaceScript = class {
     await this.#runner.generateMongo(workspace);
     workspace.log(`Mongo connections generated in infra/master/mongo-connections.json`);
   }
+  async lint(exec2, workspace, { fix = true } = {}) {
+    if (exec2 instanceof AppExecutor)
+      await this.applicationScript.syncApplication(exec2);
+    else if (exec2 instanceof LibExecutor)
+      await this.libraryScript.syncLibrary(exec2);
+    await this.#runner.lint(exec2, workspace, { fix });
+  }
+  async lintAll(workspace, { fix = true } = {}) {
+    const [appNames, libNames, pkgNames] = await workspace.getExecs();
+    await Promise.all(
+      appNames.map((appName) => this.applicationScript.syncApplication(AppExecutor.from(workspace, appName)))
+    );
+    await Promise.all(libNames.map((libName) => this.libraryScript.syncLibrary(LibExecutor.from(workspace, libName))));
+    await Promise.all([
+      ...appNames.map((appName) => this.#runner.lint(AppExecutor.from(workspace, appName), workspace, { fix })),
+      ...libNames.map((libName) => this.#runner.lint(LibExecutor.from(workspace, libName), workspace, { fix })),
+      ...pkgNames.filter((pkgName) => pkgName !== "contract").map((pkgName) => this.#runner.lint(PkgExecutor.from(workspace, pkgName), workspace, { fix }))
+    ]);
+  }
 };
 
 // pkgs/@akanjs/cli/src/workspace/workspace.command.ts
@@ -6274,17 +6322,34 @@ var WorkspaceCommand = class {
   async generateMongo(workspace) {
     await this.workspaceScript.generateMongo(workspace);
   }
+  async lint(exec2, fix, workspace) {
+    await this.workspaceScript.lint(exec2, workspace, { fix });
+  }
+  async lintAll(fix, workspace) {
+    await this.workspaceScript.lintAll(workspace, { fix });
+  }
 };
 __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([
   Target.Public(),
   __decorateParam(0, Workspace())
 ], WorkspaceCommand.prototype, "generateMongo", 1);
+__decorateClass([
+  Target.Public(),
+  __decorateParam(0, Exec()),
+  __decorateParam(1, Option("fix", { type: "boolean", default: true })),
+  __decorateParam(2, Workspace())
+], WorkspaceCommand.prototype, "lint", 1);
+__decorateClass([
+  Target.Public(),
+  __decorateParam(0, Option("fix", { type: "boolean", default: true })),
+  __decorateParam(1, Workspace())
+], WorkspaceCommand.prototype, "lintAll", 1);
 WorkspaceCommand = __decorateClass([
   Commands()
 ], WorkspaceCommand);

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

@@ -3,19 +3,99 @@ function getContent(scanResult, dict) {
   return {
     filename: "page.tsx",
     content: `
-import { Image, Link } from "@util/ui";
-import { getSelf } from "@akanjs/client";
+import {
+  FaBolt,
+  FaBook,
+  FaCloudUploadAlt,
+  FaCode,
+  FaExternalLinkAlt,
+  FaGraduationCap,
+  FaHeart,
+  FaShieldAlt,
+} from "react-icons/fa";
+
+export const metadata = {
+  title: "Akan.js",
+};
 
 export default function Page() {
-  const self = getSelf();
   return (
-    <div className="relative w-full h-screen overflow-hidden flex items-center justify-center">
-      <div className="max-w-md bg-base-100/50 shadow-lg rounded-xl backdrop-blur-xs w-full py-8 px-16 flex flex-col items-center justify-center gap-3">
-        <h1 className="text-4xl mt-2">${dict.appName}</h1>
-        <h2 className="text-lg">${dict.appName} description</h2>
-        <Link className="w-full" href={self ? "/self" : "/signin"}>
-          <button className="btn w-full btn-primary">Go to dashboard</button>
-        </Link>
+    <div className="bg-base-100 flex min-h-screen items-center justify-center">
+      <div className="container mx-auto px-4 py-16">
+        <div className="mb-16 text-center">
+          <h1 className="mb-6 text-6xl font-bold">Akan.js</h1>
+          <p className="mx-auto max-w-2xl text-lg">A typescript full-stack framework designed for solo developers</p>
+          <p className="mx-auto max-w-2xl text-lg">that enables building servers, web, and apps all at once</p>
+          <p className="mx-auto max-w-2xl text-lg">making in-house development with minimal resources.</p>
+          <div className="my-8 flex flex-wrap justify-center gap-4">
+            <div className="badge badge-lg text-base-100 bg-primary border-none">
+              <FaBolt className="" />
+              All-in-One
+            </div>
+            <div className="badge badge-lg text-base-100 bg-secondary border-none">
+              <FaShieldAlt className="" />
+              Type-Safe
+            </div>
+            <div className="badge badge-lg text-base-100 bg-success border-none">
+              <FaHeart className="" />
+              Minimal-Code
+            </div>
+          </div>
+        </div>
+        <div className="mb-12 text-center">
+          <button className="btn btn-primary btn-lg bg-primary border-none px-12 py-4 text-lg font-semibold">
+            <FaCloudUploadAlt className="mr-3 text-xl" />
+            Deploy Now
+          </button>
+        </div>
+        <div className="mb-16 rounded-lg bg-slate-800 p-8">
+          <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>
+            </pre>
+            <pre data-prefix="$">
+              <code className="text-success">cd my-workspace</code>
+            </pre>
+            <pre data-prefix="$">
+              <code className="text-success">akan start my-app</code>
+            </pre>
+          </div>
+        </div>
+        <div className="mb-16 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4">
+          <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-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>
+          </div>
+          <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-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>
+          </div>
+          <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-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>
+          </div>
+          <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-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>
+          </div>
+        </div>
       </div>
     </div>
   );

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

@@ -0,0 +1,31 @@
+// pkgs/@akanjs/cli/src/templates/app/app/[lang]/(__appName__)/(public)/unknown/page.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "page.tsx",
+    content: `
+import { Load, System } from "@shared/ui";
+
+interface PageProps {
+  searchParams: Promise<{
+    p?: string;
+  }>;
+}
+
+export default function Page({ searchParams }: PageProps) {
+  return (
+    <Load.Page
+      of={Page}
+      loader={async () => {
+        const { p } = await searchParams;
+        return { p } as const;
+      }}
+      render={({ p }) => <System.Reconnect dev={true} />}
+    />
+  );
+}
+  `
+  };
+}
+export {
+  getContent as default
+};

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/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.125",
+  "version": "0.0.127",
   "bin": {
     "akan": "cjs/index.js"
   },

package/src/templates/app/app/[lang]/(__appName__)/(public)/unknown/page.d.ts

@@ -0,0 +1,9 @@
+import type { AppScanResult, LibScanResult } from "@akanjs/config";
+interface Dict {
+    appName: string;
+}
+export default function getContent(scanResult: AppScanResult | LibScanResult | null, dict: Dict): {
+    filename: string;
+    content: string;
+};
+export {};

package/src/workspace/workspace.command.d.ts

@@ -1,7 +1,9 @@
-import { Workspace } from "@akanjs/devkit";
+import { Exec, Workspace } from "@akanjs/devkit";
 import { WorkspaceScript } from "./workspace.script";
 export declare class WorkspaceCommand {
     workspaceScript: WorkspaceScript;
     createWorkspace(name: string, app: string, dir: string): Promise<void>;
     generateMongo(workspace: Workspace): Promise<void>;
+    lint(exec: Exec, fix: boolean, workspace: Workspace): Promise<void>;
+    lintAll(fix: boolean, workspace: Workspace): Promise<void>;
 }

package/src/workspace/workspace.runner.d.ts

@@ -1,6 +1,9 @@
-import { type Workspace } from "@akanjs/devkit";
+import { Exec, type Workspace } from "@akanjs/devkit";
 import { WorkspaceExecutor } from "@akanjs/devkit";
 export declare class WorkspaceRunner {
     createWorkspace(repoName: string, appName: string, dirname?: string): Promise<WorkspaceExecutor>;
     generateMongo(workspace: Workspace): Promise<void>;
+    lint(exec: Exec, workspace: Workspace, { fix }?: {
+        fix?: boolean;
+    }): Promise<void>;
 }

package/src/workspace/workspace.script.d.ts

@@ -1,4 +1,4 @@
-import { WorkspaceExecutor } from "@akanjs/devkit";
+import { Exec, Workspace } from "@akanjs/devkit";
 import { ApplicationScript } from "../application/application.script";
 import { LibraryScript } from "../library/library.script";
 export declare class WorkspaceScript {
@@ -6,5 +6,11 @@ export declare class WorkspaceScript {
     applicationScript: ApplicationScript;
     libraryScript: LibraryScript;
     createWorkspace(repoName: string, appName: string, dirname?: string): Promise<void>;
-    generateMongo(workspace: WorkspaceExecutor): Promise<void>;
+    generateMongo(workspace: Workspace): Promise<void>;
+    lint(exec: Exec, workspace: Workspace, { fix }?: {
+        fix?: boolean;
+    }): Promise<void>;
+    lintAll(workspace: Workspace, { fix }?: {
+        fix?: boolean;
+    }): Promise<void>;
 }