@akanjs/cli 0.0.34 → 0.0.36

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "commonjs",
   "name": "@akanjs/cli",
-  "version": "0.0.34",
+  "version": "0.0.36",
   "bin": {
     "akan": "index.js"
   },
@@ -13,14 +13,39 @@
     "url": "https://github.com/akan-team/akanjs.git",
     "directory": "pkgs/@akanjs/cli"
   },
-  "dependencies": {
-    "@inquirer/prompts": "^7.2.1",
-    "@urql/core": "^5.1.0",
-    "commander": "^13.1.0",
-    "dayjs": "^1.11.13",
-    "open": "^10.1.1",
-    "pluralize": "^8.0.0",
-    "uuid": "^11.0.3"
+  "main": "./index.js",
+  "engines": {
+    "node": ">=22"
   },
-  "main": "./index.js"
+  "dependencies": {
+    "@inquirer/prompts": "^^7.2.1",
+    "@langchain/core": "^^0.3.27",
+    "@langchain/openai": "^^0.3.16",
+    "@next/bundle-analyzer": "^^15.1.3",
+    "@nx/devkit": "^20.7.2",
+    "@trapezedev/project": "^^7.1.3",
+    "@vitejs/plugin-react": "^^4.4.1",
+    "axios": "^^1.7.9",
+    "chalk": "^^5.4.1",
+    "commander": "^^13.1.0",
+    "dayjs": "^^1.11.13",
+    "dotenv": "^^16.4.7",
+    "esbuild": "^^0.19.2",
+    "form-data": "^^4.0.1",
+    "js-yaml": "^^4.1.0",
+    "latest-version": "^^9.0.0",
+    "lodash": "^^4.17.21",
+    "next-pwa": "^5.6.0",
+    "open": "^^10.1.1",
+    "ora": "^^3.4.0",
+    "pluralize": "^^8.0.0",
+    "qrcode": "^^1.5.4",
+    "reflect-metadata": "^^0.2.2",
+    "tunnel-ssh": "^^5.2.0",
+    "typescript": "^5.8.3",
+    "uuid": "^^11.0.3",
+    "vite": "^^6.3.4",
+    "vite-plugin-node-polyfills": "^^0.23.0",
+    "vite-tsconfig-paths": "^^5.1.4"
+  }
 }

package/templates/__scalar/__model__/__model__.constant.js

@@ -0,0 +1,34 @@
+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);
+var model_constant_exports = {};
+__export(model_constant_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(model_constant_exports);
+function getContent(scanResult, dict) {
+  return `
+import { Field, Model } from "@akanjs/constant";
+
+@Model.Scalar("${dict.Model}")
+export class ${dict.Model} {
+  @Field.Prop(() => String)
+  field: string;
+}
+`;
+}
+module.exports = module.exports.default;

package/templates/__scalar/__model__/__model__.dictionary.js

@@ -0,0 +1,45 @@
+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);
+var model_dictionary_exports = {};
+__export(model_dictionary_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(model_dictionary_exports);
+function getContent(scanResult, dict) {
+  return `
+import { ModelDictionary } from "@akanjs/dictionary";
+
+import type { ${dict.Model} } from "./${dict.model}.constant";
+
+const modelDictionary = {
+  modelName: ["${dict.Model}", "${dict.Model}"],
+  modelDesc: ["${dict.Model}", "${dict.Model}"],
+
+  // * ==================== Model ==================== * //
+  field: ["Field", "\uD544\uB4DC"],
+  "desc-field": ["Field", "\uD544\uB4DC"],
+  // * ==================== Model ==================== * //
+
+  // * ==================== Etc ==================== * //
+  // * ==================== Etc ==================== * //
+} satisfies ModelDictionary<${dict.Model}>;
+
+export const ${dict.model}Dictionary = modelDictionary;
+`;
+}
+module.exports = module.exports.default;

package/templates/__scalar/__model__/__model__.document.js

@@ -0,0 +1,32 @@
+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);
+var model_document_exports = {};
+__export(model_document_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(model_document_exports);
+function getContent(scanResult, dict) {
+  return `
+import { by } from "@akanjs/document";
+
+import * as cnst from "./${dict.model}.constant";
+
+export class ${dict.Model} extends by(cnst.${dict.Model}) {}
+`;
+}
+module.exports = module.exports.default;

package/templates/app/akan.config.ts.template

@@ -0,0 +1,5 @@
+import type { AppConfig } from "@akanjs/config";
+
+const config: AppConfig = {};
+
+export default config;

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

@@ -0,0 +1,43 @@
+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);
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict = {}) {
+  return `
+import { Image, Link } from "@util/ui";
+import { User } from "@shared/client";
+
+export default function Page() {
+  return (
+    <div className="relative w-full h-screen overflow-hidden flex items-center justify-center">
+      <div className="z-10 md:w-[400px] px-12 pt-12 pb-4 shadow-lg rounded-xl bg-base-100/50 backdrop-blur-xs">
+        <User.Util.ForgotPassword />
+        <Link.Back className="text-center">
+          <button className="mt-2 underline btn btn-ghost">Back</button>
+        </Link.Back>
+      </div>
+      <Image className="absolute left-0 right-0 top-0 bottom-0 -z-50" width={1920} height={1080} src="/back.jpg" />
+    </div>
+  );
+}
+  `;
+}
+module.exports = module.exports.default;

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

@@ -0,0 +1,44 @@
+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);
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict) {
+  return `
+import { Image, Link } from "@util/ui";
+import { getSelf } from "@akanjs/client";
+
+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>
+    </div>
+  );
+}
+  `;
+}
+module.exports = module.exports.default;

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

@@ -0,0 +1,38 @@
+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);
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict) {
+  return `
+import { Inform } from "@util/ui";
+
+export default function Page() {
+  return (
+    <div className="container whitespace-pre-wrap">
+      <h1 className="flex justify-center">Privacy Policy</h1>
+      <Inform.PrivacyPolicy companyName="${dict.CompanyName}" />
+    </div>
+  );
+}
+
+  `;
+}
+module.exports = module.exports.default;

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

@@ -0,0 +1,46 @@
+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);
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict) {
+  return `
+import { Image } from "@util/ui";
+import { User } from "@shared/client";
+import { getSelf, router } from "@akanjs/client";
+
+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-4 pb-10 px-16">
+        <div className="my-6 flex justify-center text-4xl">${dict.appName}</div>
+        <User.Util.SignInPassword
+          siteKey=""
+          redirect="/self"
+          signupHref={null}
+        />
+      </div>
+    </div>
+  );
+}
+  `;
+}
+module.exports = module.exports.default;

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

@@ -0,0 +1,37 @@
+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);
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict) {
+  return `
+import { Inform } from "@util/ui";
+
+export default function Page() {
+  return (
+    <div className="container">
+      <h1 className="flex justify-center">Terms of Service</h1>
+      <Inform.ServicePolicy companyName="${dict.CompanyName}" serviceName="${dict.AppName}" />
+    </div>
+  );
+}
+  `;
+}
+module.exports = module.exports.default;

package/templates/app/app/[lang]/(__appName__)/(user)/layout.js

@@ -0,0 +1,39 @@
+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);
+var layout_exports = {};
+__export(layout_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(layout_exports);
+function getContent(scanResult, dict) {
+  return `
+import { Footer } from "@${dict.appName}/ui";
+import { getSelf } from "@akanjs/client";
+
+export default function Layout({ children }: any) {
+  getSelf({ unauthorize: "/signin" });
+  return (
+    <>
+      <div className="w-full min-h-screen pt-20 px-2 container flex flex-col gap-2">{children}</div>
+      <Footer />
+    </>
+  );
+}
+  `;
+}
+module.exports = module.exports.default;

package/templates/app/app/[lang]/(__appName__)/(user)/self/page.js

@@ -0,0 +1,56 @@
+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);
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict) {
+  return `
+import { User as SharedUser } from "@shared/client";
+import { MainHeader } from "@${dict.appName}/ui";
+import { User } from "@${dict.appName}/client";
+import { getSelf } from "@akanjs/client";
+
+export default function Page() {
+  const self = getSelf({ unauthorize: "/signin" });
+  return (
+    <>
+      <MainHeader items={[{ type: "self", name: "profile" }]} />
+      <div className="flex items-center gap-2">
+        <div className="text-2xl">My Profile</div>
+        <User.Util.EditSelf />
+      </div>
+      <div>
+        <User.Zone.Self />
+      </div>
+      <div>
+        <div className="font-bold">Password</div>
+        <div>
+          *******
+          <span>
+            <SharedUser.Util.SetPasswordWithPhone />
+          </span>
+        </div>
+      </div>
+    </>
+  );
+}
+  `;
+}
+module.exports = module.exports.default;

package/templates/app/app/[lang]/(__appName__)/layout.js

@@ -0,0 +1,48 @@
+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);
+var layout_exports = {};
+__export(layout_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(layout_exports);
+function getContent(scanResult, dict) {
+  return `
+import { System } from "@shared/ui";
+import { env } from "@${dict.appName}/env/env.client";
+import { fetch } from "@${dict.appName}/client";
+
+export const metadata = { title: "${dict.appName}" };
+
+export default function Layout({ children, params }: RootLayoutProps) {
+  return (
+    <System.Provider
+      of={Layout}
+      appName="${dict.appName}"
+      params={params}
+      head={<link rel="icon" href="/favicon.ico" />}
+      // className="bg-base-100"
+      env={env}
+      fetch={fetch}
+    >
+      {children}
+    </System.Provider>
+  );
+}
+  `;
+}
+module.exports = module.exports.default;

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

@@ -0,0 +1,49 @@
+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);
+var layout_exports = {};
+__export(layout_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(layout_exports);
+function getContent(scanResult, dict) {
+  return `
+import { System } from "@shared/ui";
+import { env } from "@${dict.appName}/env/env.client";
+import { fetch } from "@${dict.appName}/client";
+import type { RootLayoutProps } from "@akanjs/client";
+
+export const metadata = { title: "${dict.appName}" };
+
+export default function Layout({ children, params }: RootLayoutProps) {
+  return (
+    <System.Provider
+      of={Layout}
+      appName="${dict.appName}"
+      params={params}
+      head={<link rel="icon" href="/favicon.ico" />}
+      // className="bg-base-100"
+      env={env}
+      fetch={fetch}
+    >
+      {children}
+    </System.Provider>
+  );
+}
+  `;
+}
+module.exports = module.exports.default;

package/templates/app/app/[lang]/admin/page.js

@@ -0,0 +1,59 @@
+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);
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict) {
+  return `
+"use client";
+import { Admin } from "@shared/client";
+import { User, st } from "@${dict.appName}/client";
+
+export default function Page() {
+  const me = st.use.me();
+  return (
+    <Admin.Zone.Layout
+      password
+      // ssoTypes={["google"]}
+      logo={<div className="text-white ">${dict.appName}</div>}
+      pageMenus={[
+        {
+          key: "data",
+          title: "Data",
+          menus: [
+            Admin.Menu.Admin,
+            User.Menu.Admin,
+          ],
+        },
+        {
+          key: "api",
+          title: "API Doc",
+          menus: [
+            Admin.Menu.Doc,
+            User.Menu.Doc,
+          ],
+        },
+      ]}
+    />
+  );
+}
+  `;
+}
+module.exports = module.exports.default;

package/templates/app/app/csr.js

@@ -0,0 +1,30 @@
+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);
+var csr_exports = {};
+__export(csr_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(csr_exports);
+function getContent(scanResult, dict) {
+  return `
+import { bootCsr } from "@akanjs/next";
+
+void bootCsr(import.meta.glob("./**/*.tsx"), "./[lang]/${dict.appName}/layout.tsx");
+  `;
+}
+module.exports = module.exports.default;