@akanjs/cli 0.9.30 → 0.9.32

package/cjs/index.js

@@ -806,7 +806,6 @@ RUN apt install -y git redis build-essential python3 ca-certificates fonts-liber
 ARG TARGETARCH
 RUN if [ "$TARGETARCH" = "amd64" ]; then       wget https://fastdl.mongodb.org/tools/db/mongodb-database-tools-debian92-x86_64-100.3.1.deb &&       apt install -y ./mongodb-database-tools-*.deb &&       rm -f mongodb-database-tools-*.deb;     fi
 ${preRunScripts.join("\n")}
-RUN rm -rf /var/lib/apt/lists/*
 RUN mkdir -p /workspace
 WORKDIR /workspace
 COPY ./package.json ./package.json
@@ -3550,6 +3549,7 @@ var import_ink2 = require("ink");
 var import_react2 = __toESM(require("react"), 1);
 var HEADER_HEIGHT = 1;
 var FOOTER_HEIGHT = 5;
+var OUTER_BORDER_HEIGHT = 2;
 var BORDER_HEIGHT = 2;
 var MultiScrollList = ({ logList, maxLength = 100 }) => {
   const [width, height] = useStdoutDimensions();
@@ -3558,7 +3558,9 @@ var MultiScrollList = ({ logList, maxLength = 100 }) => {
   const [scrollPos, setScrollPos] = (0, import_react2.useState)(0);
   const [tabIndex, setTabIndex] = (0, import_react2.useState)(0);
   const [isRunning, setIsRunning] = (0, import_react2.useState)(false);
-  const [boxHeight, setBoxHeight] = (0, import_react2.useState)(height - HEADER_HEIGHT - FOOTER_HEIGHT - BORDER_HEIGHT);
+  const [boxHeight, setBoxHeight] = (0, import_react2.useState)(
+    height - HEADER_HEIGHT - OUTER_BORDER_HEIGHT - FOOTER_HEIGHT - BORDER_HEIGHT
+  );
   const getLimitedLogs = (logs) => {
     return logs.length > maxLength ? logs.slice(logs.length - maxLength) : logs;
   };
@@ -3633,14 +3635,14 @@ var MultiScrollList = ({ logList, maxLength = 100 }) => {
     }
   }, [logList, isRunning, scrollPos, tabIndex, boxHeight, maxLength]);
   (0, import_react2.useEffect)(() => {
-    setBoxHeight(height - HEADER_HEIGHT - FOOTER_HEIGHT - BORDER_HEIGHT);
+    setBoxHeight(height - HEADER_HEIGHT - OUTER_BORDER_HEIGHT - FOOTER_HEIGHT - BORDER_HEIGHT);
   }, [height]);
   (0, import_react2.useEffect)(() => {
     setLengthMap(new Map(logList.map((log, index) => [index, Math.min(log.logs.length, maxLength)])));
   }, [logList, maxLength]);
-  return /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { width, height, flexDirection: "column" }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { width, height: "80%", flexDirection: "row" }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { width: 30, height: "100%", flexDirection: "column" }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, null, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, null, "List ", tabIndex + 1, "/", logList.length)), /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { borderStyle: "round", borderColor: "blackBright", width: "100%", height: "100%", flexDirection: "column" }, logList.map((log, index) => {
+  return /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { width, height, borderStyle: "round", borderColor: "blackBright", flexDirection: "column" }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { width: "100%", height: boxHeight + BORDER_HEIGHT + HEADER_HEIGHT, flexDirection: "row" }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { width: 30, height: "100%", flexDirection: "column" }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, null, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, null, "List ", tabIndex + 1, "/", logList.length)), /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { borderStyle: "round", borderColor: "blackBright", width: "100%", height: "100%", flexDirection: "column" }, logList.map((log, index) => {
     return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { color: index === tabIndex ? "green" : "white" }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, null, "\u25CF"), "\xA0", log.title.length > 25 ? log.title.slice(0, 25) + "..." : log.title));
-  }))), /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { width, height: boxHeight + 3, flexDirection: "column" }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, null, logList[tabIndex].title), /* @__PURE__ */ import_react2.default.createElement(
+  }))), /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { width: "100%", height: "100%", flexDirection: "column" }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { height: 1 }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { color: logList[tabIndex].color }, logList[tabIndex].title)), /* @__PURE__ */ import_react2.default.createElement(
     import_ink2.Box,
     {
       borderStyle: isRunning ? "double" : "round",
@@ -3650,11 +3652,11 @@ var MultiScrollList = ({ logList, maxLength = 100 }) => {
       height: "100%"
     },
     scrollPos > 0 ? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, focusLog.slice(0, focusLog.length - 1).map((log, index) => {
-      return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { key: index }, index, ": ", log));
+      return /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { key: index }, log);
     }), /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "Scrolling... +", scrollPos)) : focusLog.map((log, index) => {
-      return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { key: index }, index, ": ", log));
+      return /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { key: index }, log);
     })
-  ))), /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { width }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { dimColor: true }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, null, "You can use the following shortcuts:"), /* @__PURE__ */ import_react2.default.createElement(import_ink2.Newline, null), "* ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "tab"), " to switch tab.", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Newline, null), "* ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "up"), " and ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "down"), " to scroll.", " ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "shift"), " to scroll faster.", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Newline, null), "* ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "space"), " to scroll.", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Newline, null), "* ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "escape"), " to stop scrolling.")));
+  ))), /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { width: "100%", height: FOOTER_HEIGHT }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { dimColor: true }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, null, "You can use the following shortcuts:"), /* @__PURE__ */ import_react2.default.createElement(import_ink2.Newline, null), "* ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "tab"), " to switch tab.", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Newline, null), "* ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "up"), " and ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "down"), " to scroll.", " ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "shift"), " to scroll faster. (x10)", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Newline, null), "* ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "space"), " to scroll.", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Newline, null), "* ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "escape"), " to stop scrolling.")));
 };
 
 // pkgs/@akanjs/cli/src/application/application.interface.tsx
@@ -5594,6 +5596,8 @@ var ModuleScript = class {
   async createModuleTemplate(sys3, name) {
     const executor = ModuleExecutor.from(sys3, name);
     await this.#runner.createModuleTemplate(executor);
+    const akanConfig = await sys3.getConfig();
+    await sys3.scan({ akanConfig });
   }
   async createModule(sys3, name, description, schemaDescription) {
     const session = new AiSession("createModule", { workspace: sys3.workspace, cacheKey: name });

package/cjs/src/templates/crudPages/[__model__Id]/edit/page.js

@@ -26,7 +26,6 @@ function getContent(scanResult, dict) {
   return {
     filename: "page.tsx",
     content: `
-import { AiOutlineTeam } from "react-icons/ai";
 import { Load } from "@akanjs/ui";
 import { fetch, usePage, ${dict.Model} } from "${dict.appName}/client";
 import type { CsrConfig } from "@akanjs/client";
@@ -49,7 +48,7 @@ export default function Page({ params }: PageProps) {
         <div className="container">
           <div className="flex justify-between m-4 mt-8">
             <div className="text-xl text-primary flex gap-2 items-center">
-              <AiOutlineTeam /> {l("shared.updateModel", { model: l("${dict.model}.modelName") })}
+              {l("shared.updateModel", { model: l("${dict.model}.modelName") })}
             </div>
           </div>
           <Load.Edit

package/cjs/src/templates/crudPages/[__model__Id]/page.js

@@ -29,8 +29,6 @@ function getContent(scanResult, dict) {
 import { ${dict.Model}, fetch, usePage } from "${dict.appName}/client";
 import { Link } from "@akanjs/ui";
 import { Load } from "@akanjs/ui";
-import { getSelf } from "@akanjs/client";
-import { AiOutlineEdit } from "react-icons/ai";
 import type { CsrConfig } from "@akanjs/client";
 
 interface PageProps {
@@ -52,7 +50,6 @@ export async function generateMetadata({ params }: PageProps) {
 }
 export default function Page({ params }: PageProps) {
   const { l } = usePage();
-  const self = getSelf({ unauthorize: "/signin" });
   return (
     <Load.Page
       of={Page}
@@ -67,7 +64,6 @@ export default function Page({ params }: PageProps) {
             ${dict.Model}.Zone.View view={${dict.model}View} />
             <Link href={\`/${dict.model}/\${${dict.model}.id}/edit\`}>
               <button className="btn">
-                <AiOutlineEdit />
                 {l("shared.updateModel", { model: l("${dict.model}.modelName") })}
               </button>
             </Link>

package/cjs/src/templates/crudPages/new/page.js

@@ -26,15 +26,12 @@ function getContent(scanResult, dict) {
   return {
     filename: "page.tsx",
     content: `
-import { AiOutlineTeam } from "react-icons/ai";
 import { Load } from "@akanjs/ui";
 import { cnst, fetch, usePage, ${dict.Model} } from "${dict.appName}/client";
-import { getSelf } from "@akanjs/client";
 import type { CsrConfig } from "@akanjs/client";
 
 export default function Page() {
   const { l } = usePage();
-  const self = getSelf({ unauthorize: "/signin" });
   return (
     <Load.Page
       of={Page}
@@ -46,7 +43,7 @@ export default function Page() {
         <div className="container">
           <div className="flex justify-between m-4 mt-8">
             <div className="text-xl text-primary flex gap-2 items-center">
-              <AiOutlineTeam /> {l("shared.createModel", { model: l("${dict.model}.modelName") })}
+              + {l("shared.createModel", { model: l("${dict.model}.modelName") })}
             </div>
           </div>
           <Load.Edit

package/cjs/src/templates/crudPages/page.js

@@ -27,14 +27,11 @@ function getContent(scanResult, dict) {
     filename: "page.tsx",
     content: `
 import { ${dict.Model}, fetch, usePage } from "${dict.appName}/client";
-import { Link } from "@akanjs/ui";
-import { Load } from "@akanjs/ui";
-import { getSelf } from "@akanjs/client";
+import { Link, Load } from "@akanjs/ui";
 import type { CsrConfig } from "@akanjs/client";
 
 export default function Page() {
   const { l } = usePage();
-  const self = getSelf({ unauthorize: "/signin" });
   return (
     <Load.Page
       of={Page}

package/cjs/src/templates/crudSinglePage/page.js

@@ -0,0 +1,62 @@
+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/crudSinglePage/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 type { CsrConfig } from "@akanjs/client";
+import { Load, Model } from "@akanjs/ui";
+import { ${dict.Model}, type cnst, fetch, usePage } from "@${dict.appName}/client";
+
+export default function Page() {
+  const { l } = usePage();
+  return (
+    <Load.Page
+      of={Page}
+      loader={async () => {
+        const { ${dict.model}InitInPublic } = await fetch.init${dict.Model}InPublic();
+        return { ${dict.model}InitInPublic } as const;
+      }}
+      render={({ ${dict.model}InitInPublic }) => (
+        <>
+          <div className="animate-fadeIn flex items-center gap-4 px-4 pt-4">
+            <div className="text-lg font-bold md:text-4xl">{l("${dict.model}.modelName")}</div>
+            <Model.New className="btn btn-ghost" sliceName="${dict.model}InPublic" renderTitle="id">
+              <${dict.Model}.Template.General />
+            </Model.New>
+          </div>
+          <${dict.Model}.Zone.Card
+            className="animate-fadeIn mt-2 grid w-full grid-cols-1 justify-center gap-4 md:grid-cols-2 xl:grid-cols-3"
+            init={${dict.model}InitInPublic}
+          />
+        </>
+      )}
+    />
+  );
+}
+Page.csrConfig = { transition: "none" } satisfies CsrConfig;
+`
+  };
+}

package/cjs/src/templates/module/__Model__.Unit.js

@@ -27,13 +27,14 @@ function getContent(scanResult, dict) {
     filename: `${dict.Model}.Unit.tsx`,
     content: `
 import { ModelProps } from "@akanjs/client";
-import { cnst, ${dict.Model} } from "@${dict.sysName}/client";
+import { cnst, usePage } from "@${dict.sysName}/client";
 import { Link } from "@akanjs/ui";
 
 export const Card = ({ ${dict.model}, href }: ModelProps<"${dict.model}", cnst.Light${dict.Model}>) => {
+  const { l } = usePage();
   return (
     <Link href={href} className="animate-fadeIn w-full h-36 flex rounded-lg shadow-sm hover:shadow-lg duration-300">
-      <div>{${dict.model}.id}</div>
+      <div>{l("${dict.model}.id")}:{${dict.model}.id}</div>
     </Link>
   );
 };

package/esm/index.js

@@ -786,7 +786,6 @@ RUN apt install -y git redis build-essential python3 ca-certificates fonts-liber
 ARG TARGETARCH
 RUN if [ "$TARGETARCH" = "amd64" ]; then       wget https://fastdl.mongodb.org/tools/db/mongodb-database-tools-debian92-x86_64-100.3.1.deb &&       apt install -y ./mongodb-database-tools-*.deb &&       rm -f mongodb-database-tools-*.deb;     fi
 ${preRunScripts.join("\n")}
-RUN rm -rf /var/lib/apt/lists/*
 RUN mkdir -p /workspace
 WORKDIR /workspace
 COPY ./package.json ./package.json
@@ -3532,6 +3531,7 @@ import { Box, Newline, Text, useInput } from "ink";
 import React, { useEffect as useEffect2, useState as useState2 } from "react";
 var HEADER_HEIGHT = 1;
 var FOOTER_HEIGHT = 5;
+var OUTER_BORDER_HEIGHT = 2;
 var BORDER_HEIGHT = 2;
 var MultiScrollList = ({ logList, maxLength = 100 }) => {
   const [width, height] = useStdoutDimensions();
@@ -3540,7 +3540,9 @@ var MultiScrollList = ({ logList, maxLength = 100 }) => {
   const [scrollPos, setScrollPos] = useState2(0);
   const [tabIndex, setTabIndex] = useState2(0);
   const [isRunning, setIsRunning] = useState2(false);
-  const [boxHeight, setBoxHeight] = useState2(height - HEADER_HEIGHT - FOOTER_HEIGHT - BORDER_HEIGHT);
+  const [boxHeight, setBoxHeight] = useState2(
+    height - HEADER_HEIGHT - OUTER_BORDER_HEIGHT - FOOTER_HEIGHT - BORDER_HEIGHT
+  );
   const getLimitedLogs = (logs) => {
     return logs.length > maxLength ? logs.slice(logs.length - maxLength) : logs;
   };
@@ -3615,14 +3617,14 @@ var MultiScrollList = ({ logList, maxLength = 100 }) => {
     }
   }, [logList, isRunning, scrollPos, tabIndex, boxHeight, maxLength]);
   useEffect2(() => {
-    setBoxHeight(height - HEADER_HEIGHT - FOOTER_HEIGHT - BORDER_HEIGHT);
+    setBoxHeight(height - HEADER_HEIGHT - OUTER_BORDER_HEIGHT - FOOTER_HEIGHT - BORDER_HEIGHT);
   }, [height]);
   useEffect2(() => {
     setLengthMap(new Map(logList.map((log, index) => [index, Math.min(log.logs.length, maxLength)])));
   }, [logList, maxLength]);
-  return /* @__PURE__ */ React.createElement(Box, { width, height, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { width, height: "80%", flexDirection: "row" }, /* @__PURE__ */ React.createElement(Box, { width: 30, height: "100%", flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, null, "List ", tabIndex + 1, "/", logList.length)), /* @__PURE__ */ React.createElement(Box, { borderStyle: "round", borderColor: "blackBright", width: "100%", height: "100%", flexDirection: "column" }, logList.map((log, index) => {
+  return /* @__PURE__ */ React.createElement(Box, { width, height, borderStyle: "round", borderColor: "blackBright", flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { width: "100%", height: boxHeight + BORDER_HEIGHT + HEADER_HEIGHT, flexDirection: "row" }, /* @__PURE__ */ React.createElement(Box, { width: 30, height: "100%", flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, null, "List ", tabIndex + 1, "/", logList.length)), /* @__PURE__ */ React.createElement(Box, { borderStyle: "round", borderColor: "blackBright", width: "100%", height: "100%", flexDirection: "column" }, logList.map((log, index) => {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: index === tabIndex ? "green" : "white" }, /* @__PURE__ */ React.createElement(Text, null, "\u25CF"), "\xA0", log.title.length > 25 ? log.title.slice(0, 25) + "..." : log.title));
-  }))), /* @__PURE__ */ React.createElement(Box, { width, height: boxHeight + 3, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, null, logList[tabIndex].title), /* @__PURE__ */ React.createElement(
+  }))), /* @__PURE__ */ React.createElement(Box, { width: "100%", height: "100%", flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { height: 1 }, /* @__PURE__ */ React.createElement(Text, { color: logList[tabIndex].color }, logList[tabIndex].title)), /* @__PURE__ */ React.createElement(
     Box,
     {
       borderStyle: isRunning ? "double" : "round",
@@ -3632,11 +3634,11 @@ var MultiScrollList = ({ logList, maxLength = 100 }) => {
       height: "100%"
     },
     scrollPos > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, focusLog.slice(0, focusLog.length - 1).map((log, index) => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { key: index }, index, ": ", log));
+      return /* @__PURE__ */ React.createElement(Text, { key: index }, log);
     }), /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "Scrolling... +", scrollPos)) : focusLog.map((log, index) => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { key: index }, index, ": ", log));
+      return /* @__PURE__ */ React.createElement(Text, { key: index }, log);
     })
-  ))), /* @__PURE__ */ React.createElement(Box, { width }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, /* @__PURE__ */ React.createElement(Text, null, "You can use the following shortcuts:"), /* @__PURE__ */ React.createElement(Newline, null), "* ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "tab"), " to switch tab.", /* @__PURE__ */ React.createElement(Newline, null), "* ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "up"), " and ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "down"), " to scroll.", " ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "shift"), " to scroll faster.", /* @__PURE__ */ React.createElement(Newline, null), "* ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "space"), " to scroll.", /* @__PURE__ */ React.createElement(Newline, null), "* ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "escape"), " to stop scrolling.")));
+  ))), /* @__PURE__ */ React.createElement(Box, { width: "100%", height: FOOTER_HEIGHT }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, /* @__PURE__ */ React.createElement(Text, null, "You can use the following shortcuts:"), /* @__PURE__ */ React.createElement(Newline, null), "* ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "tab"), " to switch tab.", /* @__PURE__ */ React.createElement(Newline, null), "* ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "up"), " and ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "down"), " to scroll.", " ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "shift"), " to scroll faster. (x10)", /* @__PURE__ */ React.createElement(Newline, null), "* ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "space"), " to scroll.", /* @__PURE__ */ React.createElement(Newline, null), "* ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "escape"), " to stop scrolling.")));
 };
 
 // pkgs/@akanjs/cli/src/application/application.interface.tsx
@@ -5576,6 +5578,8 @@ var ModuleScript = class {
   async createModuleTemplate(sys3, name) {
     const executor = ModuleExecutor.from(sys3, name);
     await this.#runner.createModuleTemplate(executor);
+    const akanConfig = await sys3.getConfig();
+    await sys3.scan({ akanConfig });
   }
   async createModule(sys3, name, description, schemaDescription) {
     const session = new AiSession("createModule", { workspace: sys3.workspace, cacheKey: name });

package/esm/src/templates/crudPages/[__model__Id]/edit/page.js

@@ -3,7 +3,6 @@ function getContent(scanResult, dict) {
   return {
     filename: "page.tsx",
     content: `
-import { AiOutlineTeam } from "react-icons/ai";
 import { Load } from "@akanjs/ui";
 import { fetch, usePage, ${dict.Model} } from "${dict.appName}/client";
 import type { CsrConfig } from "@akanjs/client";
@@ -26,7 +25,7 @@ export default function Page({ params }: PageProps) {
         <div className="container">
           <div className="flex justify-between m-4 mt-8">
             <div className="text-xl text-primary flex gap-2 items-center">
-              <AiOutlineTeam /> {l("shared.updateModel", { model: l("${dict.model}.modelName") })}
+              {l("shared.updateModel", { model: l("${dict.model}.modelName") })}
             </div>
           </div>
           <Load.Edit

package/esm/src/templates/crudPages/[__model__Id]/page.js

@@ -6,8 +6,6 @@ function getContent(scanResult, dict) {
 import { ${dict.Model}, fetch, usePage } from "${dict.appName}/client";
 import { Link } from "@akanjs/ui";
 import { Load } from "@akanjs/ui";
-import { getSelf } from "@akanjs/client";
-import { AiOutlineEdit } from "react-icons/ai";
 import type { CsrConfig } from "@akanjs/client";
 
 interface PageProps {
@@ -29,7 +27,6 @@ export async function generateMetadata({ params }: PageProps) {
 }
 export default function Page({ params }: PageProps) {
   const { l } = usePage();
-  const self = getSelf({ unauthorize: "/signin" });
   return (
     <Load.Page
       of={Page}
@@ -44,7 +41,6 @@ export default function Page({ params }: PageProps) {
             ${dict.Model}.Zone.View view={${dict.model}View} />
             <Link href={\`/${dict.model}/\${${dict.model}.id}/edit\`}>
               <button className="btn">
-                <AiOutlineEdit />
                 {l("shared.updateModel", { model: l("${dict.model}.modelName") })}
               </button>
             </Link>

package/esm/src/templates/crudPages/new/page.js

@@ -3,15 +3,12 @@ function getContent(scanResult, dict) {
   return {
     filename: "page.tsx",
     content: `
-import { AiOutlineTeam } from "react-icons/ai";
 import { Load } from "@akanjs/ui";
 import { cnst, fetch, usePage, ${dict.Model} } from "${dict.appName}/client";
-import { getSelf } from "@akanjs/client";
 import type { CsrConfig } from "@akanjs/client";
 
 export default function Page() {
   const { l } = usePage();
-  const self = getSelf({ unauthorize: "/signin" });
   return (
     <Load.Page
       of={Page}
@@ -23,7 +20,7 @@ export default function Page() {
         <div className="container">
           <div className="flex justify-between m-4 mt-8">
             <div className="text-xl text-primary flex gap-2 items-center">
-              <AiOutlineTeam /> {l("shared.createModel", { model: l("${dict.model}.modelName") })}
+              + {l("shared.createModel", { model: l("${dict.model}.modelName") })}
             </div>
           </div>
           <Load.Edit

package/esm/src/templates/crudPages/page.js

@@ -4,14 +4,11 @@ function getContent(scanResult, dict) {
     filename: "page.tsx",
     content: `
 import { ${dict.Model}, fetch, usePage } from "${dict.appName}/client";
-import { Link } from "@akanjs/ui";
-import { Load } from "@akanjs/ui";
-import { getSelf } from "@akanjs/client";
+import { Link, Load } from "@akanjs/ui";
 import type { CsrConfig } from "@akanjs/client";
 
 export default function Page() {
   const { l } = usePage();
-  const self = getSelf({ unauthorize: "/signin" });
   return (
     <Load.Page
       of={Page}

package/esm/src/templates/crudSinglePage/page.js

@@ -0,0 +1,42 @@
+// pkgs/@akanjs/cli/src/templates/crudSinglePage/page.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "page.tsx",
+    content: `
+import type { CsrConfig } from "@akanjs/client";
+import { Load, Model } from "@akanjs/ui";
+import { ${dict.Model}, type cnst, fetch, usePage } from "@${dict.appName}/client";
+
+export default function Page() {
+  const { l } = usePage();
+  return (
+    <Load.Page
+      of={Page}
+      loader={async () => {
+        const { ${dict.model}InitInPublic } = await fetch.init${dict.Model}InPublic();
+        return { ${dict.model}InitInPublic } as const;
+      }}
+      render={({ ${dict.model}InitInPublic }) => (
+        <>
+          <div className="animate-fadeIn flex items-center gap-4 px-4 pt-4">
+            <div className="text-lg font-bold md:text-4xl">{l("${dict.model}.modelName")}</div>
+            <Model.New className="btn btn-ghost" sliceName="${dict.model}InPublic" renderTitle="id">
+              <${dict.Model}.Template.General />
+            </Model.New>
+          </div>
+          <${dict.Model}.Zone.Card
+            className="animate-fadeIn mt-2 grid w-full grid-cols-1 justify-center gap-4 md:grid-cols-2 xl:grid-cols-3"
+            init={${dict.model}InitInPublic}
+          />
+        </>
+      )}
+    />
+  );
+}
+Page.csrConfig = { transition: "none" } satisfies CsrConfig;
+`
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/module/__Model__.Unit.js

@@ -4,13 +4,14 @@ function getContent(scanResult, dict) {
     filename: `${dict.Model}.Unit.tsx`,
     content: `
 import { ModelProps } from "@akanjs/client";
-import { cnst, ${dict.Model} } from "@${dict.sysName}/client";
+import { cnst, usePage } from "@${dict.sysName}/client";
 import { Link } from "@akanjs/ui";
 
 export const Card = ({ ${dict.model}, href }: ModelProps<"${dict.model}", cnst.Light${dict.Model}>) => {
+  const { l } = usePage();
   return (
     <Link href={href} className="animate-fadeIn w-full h-36 flex rounded-lg shadow-sm hover:shadow-lg duration-300">
-      <div>{${dict.model}.id}</div>
+      <div>{l("${dict.model}.id")}:{${dict.model}.id}</div>
     </Link>
   );
 };

package/package.json

@@ -2,7 +2,7 @@
   "type": "module",
   "sourceType": "module",
   "name": "@akanjs/cli",
-  "version": "0.9.30",
+  "version": "0.9.32",
   "bin": {
     "akan": "esm/index.js"
   },

package/src/templates/crudSinglePage/page.d.ts

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