akanjs 2.0.0-beta.1 → 2.0.0-beta.10

package/cli/package/package.runner.ts

@@ -1,3 +1,4 @@
+import path from "node:path";
 import { Logger } from "akanjs/common";
 import {
   FileSys,
@@ -10,10 +11,15 @@ import {
 import { $ } from "bun";
 
 export class PackageRunner extends runner("package") {
-  async version(workspace: Workspace) {
-    const pkgJson = await FileSys.readJson<PackageJson>("package.json");
+  async version(workspace: Workspace, { log = true }: { log?: boolean } = {}) {
+    const pkgJson = await FileSys.readJson<PackageJson>(
+      process.env.USE_AKANJS_PKGS === "true"
+        ? `${workspace.workspaceRoot}/pkgs/akanjs/package.json`
+        : `${path.dirname(Bun.main)}/../package.json`,
+    );
     const version = pkgJson.version;
-    Logger.rawLog(`${pkgJson.name}@${version}`);
+    if (log) Logger.rawLog(`${pkgJson.name}@${version}`);
+    return version;
   }
   async createPackage(workspace: Workspace, pkgName: string) {
     await workspace.applyTemplate({ basePath: `pkgs/${pkgName}`, template: "pkgRoot", dict: { pkgName } });
@@ -32,17 +38,28 @@ export class PackageRunner extends runner("package") {
     await pkg.dist.mkdir(pkg.dist.cwdPath);
     const scanner = await TypeScriptDependencyScanner.from(pkg);
     const { npmDeps, npmDevDeps, missingDeps } = await scanner.getPackageBuildDependencies(pkg.name);
-    if (missingDeps.length > 0)
-      throw new Error(`Missing dependency versions in root package.json: ${missingDeps.join(", ")}`);
+    const packageRuntimeDependencies: Record<string, string[]> = { akanjs: ["daisyui"] };
+    const packageRuntimeDevDependencies: Record<string, string[]> = { akanjs: ["@biomejs/biome"] };
+    const forcedRuntimeDeps = packageRuntimeDependencies[pkg.name] ?? [];
+    const forcedRuntimeDevDeps = packageRuntimeDevDependencies[pkg.name] ?? [];
+    const packageRuntimeDeps = [...new Set([...npmDeps, ...forcedRuntimeDeps])];
+    const packageRuntimeDevDeps = [...new Set([...npmDevDeps, ...forcedRuntimeDevDeps])];
+    const rootPackageJson = await pkg.workspace.getPackageJson();
+    const rootDeps = { ...rootPackageJson.dependencies, ...rootPackageJson.devDependencies };
+    const missingForcedDeps = forcedRuntimeDeps.filter((dep) => !rootDeps[dep]);
+    const missingForcedDevDeps = forcedRuntimeDevDeps.filter((dep) => !rootDeps[dep]);
+    const allMissingDeps = [...new Set([...missingDeps, ...missingForcedDeps, ...missingForcedDevDeps])].sort();
+    if (allMissingDeps.length > 0)
+      throw new Error(`Missing dependency versions in root package.json: ${allMissingDeps.join(", ")}`);
 
-    await pkg.updatePackageJsonDependencies(npmDeps, npmDevDeps);
+    await pkg.updatePackageJsonDependencies(packageRuntimeDeps, packageRuntimeDevDeps);
 
     const hasBuildFile = await Bun.file(`${pkg.cwdPath}/build.ts`).exists();
     if (hasBuildFile) {
       await pkg.workspace.spawn(process.execPath, [`${pkg.cwdPath}/build.ts`], { env: process.env, stdio: "inherit" });
     } else {
       await $`cp -r ${pkg.cwdPath}/. ${pkg.dist.cwdPath}`;
-      await Promise.all([pkg.generateDistPackageJson(npmDeps, npmDevDeps), pkg.generateTsconfigJson()]);
+      await Promise.all([pkg.generateDistPackageJson(packageRuntimeDeps, packageRuntimeDevDeps), pkg.generateTsconfigJson()]);
     }
   }
 

package/cli/package/package.script.ts

@@ -3,8 +3,8 @@ import { type Pkg, script, type Workspace } from "akanjs/devkit";
 import { PackageRunner } from "./package.runner";
 
 export class PackageScript extends script("package", [PackageRunner]) {
-  async version(workspace: Workspace) {
-    await this.packageRunner.version(workspace);
+  async version(workspace: Workspace, { log = true }: { log?: boolean } = {}) {
+    return await this.packageRunner.version(workspace, { log });
   }
   async createPackage(workspace: Workspace, pkgName: string) {
     const spinner = workspace.spinning(`Creating package in pkgs/${pkgName}...`);

package/cli/templates/app/page/_index.tsx

@@ -7,7 +7,9 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: Dic
   return {
     filename: "_index.tsx",
     content: `
-import { Link } from "akanjs/ui";
+import { getEnv } from "akanjs/base";
+import { usePage } from "akanjs/client";
+import { Link, System } from "akanjs/ui";
 import {
   FaBookOpen,
   FaBoxOpen,
@@ -21,82 +23,87 @@ import {
 } from "react-icons/fa";
 
 export default function Page() {
-  const appName = ${JSON.stringify(dict.appName)};
-
-  const highlights = [
-    {
-      icon: <FaLayerGroup />,
-      title: "One Codebase",
-      description: "Design pages, services, server contracts, and deployment surfaces in one Akan workspace.",
-    },
-    {
-      icon: <FaShieldAlt />,
-      title: "Type-Safe Flow",
-      description: "Keep application contracts close to the business logic they protect.",
-    },
-    {
-      icon: <FaRocket />,
-      title: "Ready To Ship",
-      description: "Start locally, build production artifacts, and grow without changing the app shape.",
-    },
-  ];
-
+  const appName = getEnv().appName;
+  const { l } = usePage();
   return (
     <main className="relative min-h-screen overflow-hidden bg-base-100 text-base-content">
-      <div className="absolute -left-48 -top-48 h-96 w-96 rounded-full bg-primary/25 blur-3xl" />
-      <div className="absolute -bottom-56 -right-40 h-112 w-md rounded-full bg-accent/20 blur-3xl" />
+      <div className="absolute -top-48 -left-48 h-96 w-96 rounded-full bg-primary/25 blur-3xl" />
+      <div className="absolute -right-40 -bottom-56 h-112 w-md rounded-full bg-accent/20 blur-3xl" />
       <div className="absolute inset-x-0 top-0 h-px bg-linear-to-r from-transparent via-primary/60 to-transparent" />
 
       <section className="relative mx-auto flex min-h-screen w-full max-w-7xl flex-col px-6 py-8 lg:px-8">
         <nav className="flex items-center justify-between">
           <div className="flex items-center gap-3">
-            <div className="flex h-11 w-11 items-center justify-center overflow-hidden rounded-2xl bg-black shadow-lg shadow-primary/20">
-              <img src="/logo.png" alt="Akan.js logo" className="h-full w-full object-cover" />
+            <div className="flex h-11 w-11 items-center justify-center overflow-hidden rounded-2xl bg-base-100 shadow-lg shadow-primary/20">
+              <img
+                src="/logo.png"
+                alt={l.trans({ en: "Akan.js logo", ko: "Akan.js 로고" })}
+                className="h-full w-full object-cover"
+              />
             </div>
             <div>
-              <p className="text-sm font-semibold uppercase tracking-[0.3em] text-primary">Akan.js</p>
-              <p className="text-xs text-base-content/60">Full-stack TypeScript framework</p>
+              <p className="font-semibold text-primary text-sm tracking-[0.25em]">Akan.js</p>
+              <p className="text-base-content/60 text-xs">
+                {l.trans({ en: "Full-stack TypeScript framework", ko: "풀스택 타입스크립트 프레임워크" })}
+              </p>
             </div>
           </div>
-          <Link href="https://akanjs.com" target="_blank">
-            <button className="btn btn-sm border-base-content/10 bg-base-content/10 text-base-content hover:border-primary hover:bg-primary hover:text-base-100">
-              Official Site
-              <FaExternalLinkAlt />
-            </button>
-          </Link>
+          <div className="flex items-center gap-2">
+            <System.ThemeToggle themes={["light", "dark"]} />
+            <System.SelectLanguage languages={["en", "ko"]} />
+            <Link href="https://akanjs.com" target="_blank">
+              <button className="btn btn-sm border-base-content/10 bg-base-content/10 text-base-content hover:border-primary hover:bg-primary hover:text-base-100">
+                {l.trans({ en: "Official Site", ko: "공식 사이트" })}
+                <FaExternalLinkAlt />
+              </button>
+            </Link>
+          </div>
         </nav>
 
         <div className="grid flex-1 items-center gap-10 py-16 lg:grid-cols-[1.04fr_0.96fr] lg:py-10">
           <div>
             <div className="badge mb-6 border-primary/20 bg-primary/10 px-4 py-3 text-primary">
               <FaCheckCircle />
-              Your app is running
+              {l.trans({ en: "Your app is running", ko: "앱이 실행 중입니다" })}
             </div>
-            <h1 className="max-w-4xl text-5xl font-black tracking-tight text-base-content sm:text-6xl lg:text-7xl">
-              Build your business app as one connected system.
+            <h1 className="max-w-4xl font-black text-5xl text-base-content tracking-tight sm:text-6xl lg:text-7xl">
+              {l.trans({
+                en: "Akan turns business intent into the whole product.",
+                ko: "Akan은 비즈니스 의도를 제품 전체로 바꿉니다.",
+              })}
             </h1>
-            <p className="mt-6 max-w-2xl text-lg leading-8 text-base-content/70">
-              Akan.js helps solo developers and small teams create web, server, database, and deployment-ready
-              surfaces from a single TypeScript workspace.
+            <p className="mt-6 max-w-2xl text-base-content/70 text-lg leading-8">
+              {l.trans({
+                en: "Agents Write. Keep It Minimal. Always Readable. Nice To Review. Build with less code, fewer repeated decisions, and a clearer path from idea to production.",
+                ko: "Agents Write. Keep It Minimal. Always Readable. Nice To Review. 더 적은 코드, 더 적은 반복 결정, 더 선명한 출시 경로로 만드세요.",
+              })}
             </p>
 
             <div className="mt-8 flex flex-wrap gap-3">
-              <span className="badge badge-lg border-base-content/10 bg-base-content/10 text-base-content">All-in-one</span>
-              <span className="badge badge-lg border-base-content/10 bg-base-content/10 text-base-content">Type-safe</span>
-              <span className="badge badge-lg border-base-content/10 bg-base-content/10 text-base-content">Minimal code</span>
-              <span className="badge badge-lg border-base-content/10 bg-base-content/10 text-base-content">Bun-first</span>
+              <span className="badge badge-lg border-base-content/10 bg-base-content/10 text-base-content">
+                Agent-ready
+              </span>
+              <span className="badge badge-lg border-base-content/10 bg-base-content/10 text-base-content">
+                Minimal code
+              </span>
+              <span className="badge badge-lg border-base-content/10 bg-base-content/10 text-base-content">
+                Readable by default
+              </span>
+              <span className="badge badge-lg border-base-content/10 bg-base-content/10 text-base-content">
+                Review-friendly
+              </span>
             </div>
 
             <div className="mt-10 flex flex-col gap-3 sm:flex-row">
               <Link href="https://akanjs.com/docs/intro/quickstart" target="_blank">
                 <button className="btn border-none bg-primary text-base-100 hover:bg-primary/80">
-                  Read Quick Start
+                  {l.trans({ en: "Read Quick Start", ko: "빠른 시작 읽기" })}
                   <FaBookOpen />
                 </button>
               </Link>
               <Link href="https://akanjs.com/docs/intro/practice" target="_blank">
                 <button className="btn border-base-content/10 bg-base-content/10 text-base-content hover:border-base-content/20 hover:bg-base-content/15">
-                  Learn By Building
+                  {l.trans({ en: "Learn By Building", ko: "만들면서 배우기" })}
                   <FaCodeBranch />
                 </button>
               </Link>
@@ -108,60 +115,177 @@ export default function Page() {
             <div className="relative overflow-hidden rounded-4xl border border-base-content/10 bg-base-content/6 p-5 shadow-2xl backdrop-blur">
               <div className="mb-5 flex items-center justify-between rounded-2xl border border-base-content/10 bg-base-100/70 px-4 py-3">
                 <div>
-                  <p className="text-xs uppercase tracking-[0.24em] text-base-content/40">Current App</p>
-                  <p className="text-lg font-semibold text-base-content">{appName}</p>
+                  <p className="text-base-content/40 text-xs uppercase tracking-[0.24em]">
+                    {l.trans({ en: "Akan Acrostic", ko: "Akan 사행시" })}
+                  </p>
+                  <p className="font-semibold text-base-content text-lg">
+                    {l.trans({ en: "A framework for focused builders", ko: "집중하는 빌더를 위한 프레임워크" })}
+                  </p>
+                </div>
+                <div className="rounded-xl bg-primary/10 px-3 py-2 font-medium text-primary text-sm">{appName}</div>
+              </div>
+
+              <div className="grid gap-3">
+                <div className="rounded-2xl border border-base-content/10 bg-base-100/80 p-4">
+                  <div className="flex gap-4">
+                    <div className="flex h-12 w-12 shrink-0 items-center justify-center rounded-2xl bg-base-100 font-black text-primary text-xl">
+                      A
+                    </div>
+                    <div>
+                      <p className="font-bold text-base-content">Agents Write</p>
+                      <p className="mt-1 text-base-content/60 text-sm leading-6">
+                        {l.trans({
+                          en: "Business definitions become the source code, so teams and agents can focus on what to build.",
+                          ko: "비즈니스 정의가 소스 코드가 되므로, 팀과 에이전트는 무엇을 만들지에 집중할 수 있습니다.",
+                        })}
+                      </p>
+                    </div>
+                  </div>
+                </div>
+                <div className="rounded-2xl border border-base-content/10 bg-base-100/80 p-4">
+                  <div className="flex gap-4">
+                    <div className="flex h-12 w-12 shrink-0 items-center justify-center rounded-2xl bg-base-100 font-black text-primary text-xl">
+                      K
+                    </div>
+                    <div>
+                      <p className="font-bold text-base-content">Keep It Minimal</p>
+                      <p className="mt-1 text-base-content/60 text-sm leading-6">
+                        {l.trans({
+                          en: "One definition flows into web, app, server, database, and infrastructure without repeated logic.",
+                          ko: "하나의 정의가 반복 로직 없이 웹, 앱, 서버, 데이터베이스, 인프라로 이어집니다.",
+                        })}
+                      </p>
+                    </div>
+                  </div>
+                </div>
+                <div className="rounded-2xl border border-base-content/10 bg-base-100/80 p-4">
+                  <div className="flex gap-4">
+                    <div className="flex h-12 w-12 shrink-0 items-center justify-center rounded-2xl bg-base-100 font-black text-primary text-xl">
+                      A
+                    </div>
+                    <div>
+                      <p className="font-bold text-base-content">Always Readable</p>
+                      <p className="mt-1 text-base-content/60 text-sm leading-6">
+                        {l.trans({
+                          en: "Strict conventions keep the app easy to understand long after the first version ships.",
+                          ko: "엄격한 컨벤션은 첫 버전 출시 후에도 앱을 쉽게 이해할 수 있게 지켜줍니다.",
+                        })}
+                      </p>
+                    </div>
+                  </div>
+                </div>
+                <div className="rounded-2xl border border-base-content/10 bg-base-100/80 p-4">
+                  <div className="flex gap-4">
+                    <div className="flex h-12 w-12 shrink-0 items-center justify-center rounded-2xl bg-base-100 font-black text-primary text-xl">
+                      N
+                    </div>
+                    <div>
+                      <p className="font-bold text-base-content">Nice To Review</p>
+                      <p className="mt-1 text-base-content/60 text-sm leading-6">
+                        {l.trans({
+                          en: "Focused changes make business intent clear, so reviews stay fast and releases stay calm.",
+                          ko: "집중된 변경은 비즈니스 의도를 선명하게 만들어 리뷰를 빠르게 하고 배포를 안정적으로 유지합니다.",
+                        })}
+                      </p>
+                    </div>
+                  </div>
                 </div>
-                <div className="rounded-xl bg-primary/10 px-3 py-2 text-sm font-medium text-primary">Live</div>
               </div>
 
-              <div className="mockup-code border border-base-content/10 bg-base-100 text-sm shadow-none">
+              <div className="mockup-code mt-5 border border-base-content/10 bg-base-100 text-sm shadow-none">
                 <pre data-prefix="$">
                   <code className="text-primary">bun run akan start {appName}</code>
                 </pre>
                 <pre data-prefix="✓">
-                  <code className="text-accent">server, web, and app surfaces ready</code>
+                  <code className="text-accent">
+                    {l.trans({ en: "web, app, server, db, and infra ready", ko: "웹, 앱, 서버, DB, 인프라 준비 완료" })}
+                  </code>
                 </pre>
                 <pre data-prefix="→">
-                  <code className="text-base-content/70">edit page/_index.tsx to begin</code>
+                  <code className="text-base-content/70">
+                    {l.trans({
+                      en: "edit page/_index.tsx around your business",
+                      ko: "비즈니스에 맞게 page/_index.tsx를 수정하세요",
+                    })}
+                  </code>
                 </pre>
               </div>
-
-              <div className="mt-5 grid gap-3 sm:grid-cols-3">
-                {[
-                  ["Pages", "UI routes"],
-                  ["Services", "Typed APIs"],
-                  ["Deploy", "Artifacts"],
-                ].map(([title, description]) => (
-                  <div key={title} className="rounded-2xl border border-base-content/10 bg-base-content/4 p-4">
-                    <p className="text-sm font-semibold text-base-content">{title}</p>
-                    <p className="mt-1 text-xs text-base-content/60">{description}</p>
-                  </div>
-                ))}
-              </div>
             </div>
           </div>
         </div>
 
-        <div className="grid gap-4 pb-8 md:grid-cols-3">
-          {highlights.map((item) => (
-            <div key={item.title} className="rounded-3xl border border-base-content/10 bg-base-content/4 p-6 backdrop-blur">
-              <div className="mb-5 flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/10 text-xl text-primary">
-                {item.icon}
-              </div>
-              <h2 className="text-lg font-bold text-base-content">{item.title}</h2>
-              <p className="mt-2 text-sm leading-6 text-base-content/60">{item.description}</p>
+        <div className="grid gap-4 pb-8 md:grid-cols-2 xl:grid-cols-4">
+          <div className="rounded-3xl border border-base-content/10 bg-base-content/4 p-6 backdrop-blur">
+            <div className="mb-5 flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/10 text-primary text-xl">
+              <FaTerminal />
+            </div>
+            <h2 className="font-bold text-base-content text-lg">
+              {l.trans({ en: "Agentic By Design", ko: "에이전틱 설계" })}
+            </h2>
+            <p className="mt-2 text-base-content/60 text-sm leading-6">
+              {l.trans({
+                en: "Describe the business once and let Akan shape the application surfaces around it.",
+                ko: "비즈니스를 한 번 설명하면 Akan이 그 주변의 애플리케이션 표면을 구성합니다.",
+              })}
+            </p>
+          </div>
+          <div className="rounded-3xl border border-base-content/10 bg-base-content/4 p-6 backdrop-blur">
+            <div className="mb-5 flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/10 text-primary text-xl">
+              <FaLayerGroup />
+            </div>
+            <h2 className="font-bold text-base-content text-lg">
+              {l.trans({ en: "One Definition", ko: "하나의 정의" })}
+            </h2>
+            <p className="mt-2 text-base-content/60 text-sm leading-6">
+              {l.trans({
+                en: "Pages, services, database models, and deployment artifacts stay connected in one workspace.",
+                ko: "페이지, 서비스, 데이터베이스 모델, 배포 산출물이 하나의 워크스페이스에서 연결됩니다.",
+              })}
+            </p>
+          </div>
+          <div className="rounded-3xl border border-base-content/10 bg-base-content/4 p-6 backdrop-blur">
+            <div className="mb-5 flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/10 text-primary text-xl">
+              <FaRocket />
             </div>
-          ))}
+            <h2 className="font-bold text-base-content text-lg">
+              {l.trans({ en: "Less To Review", ko: "리뷰할 것이 적습니다" })}
+            </h2>
+            <p className="mt-2 text-base-content/60 text-sm leading-6">
+              {l.trans({
+                en: "Smaller code surfaces make intent easier to inspect, approve, and ship.",
+                ko: "더 작은 코드 표면은 의도를 확인하고 승인하고 배포하기 쉽게 만듭니다.",
+              })}
+            </p>
+          </div>
+          <div className="rounded-3xl border border-base-content/10 bg-base-content/4 p-6 backdrop-blur">
+            <div className="mb-5 flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/10 text-primary text-xl">
+              <FaShieldAlt />
+            </div>
+            <h2 className="font-bold text-base-content text-lg">
+              {l.trans({ en: "Type-Safe Growth", ko: "타입 안전한 성장" })}
+            </h2>
+            <p className="mt-2 text-base-content/60 text-sm leading-6">
+              {l.trans({
+                en: "Conventions and contracts keep the stack readable as the product expands.",
+                ko: "컨벤션과 계약은 제품이 확장되어도 스택을 읽기 쉽게 유지합니다.",
+              })}
+            </p>
+          </div>
         </div>
 
-        <div className="flex flex-col items-start justify-between gap-4 rounded-3xl border border-base-content/10 bg-base-content/4 p-5 text-sm text-base-content/70 md:flex-row md:items-center">
+        <div className="flex flex-col items-start justify-between gap-4 rounded-3xl border border-base-content/10 bg-base-content/4 p-5 text-base-content/70 text-sm md:flex-row md:items-center">
           <div className="flex items-center gap-3">
             <FaTerminal className="text-primary" />
-            <span>Next: open your workspace and start shaping the product around your business model.</span>
+            <span>
+              {l.trans({
+                en: "Next: define the business once, then let Akan carry it across every surface.",
+                ko: "다음 단계: 비즈니스를 한 번 정의하고, Akan이 모든 표면으로 이어가게 하세요.",
+              })}
+            </span>
           </div>
           <div className="flex items-center gap-2 text-base-content/40">
             <FaBoxOpen />
-            <span>Akan.js template</span>
+            <span>{l.trans({ en: "Akan.js template", ko: "Akan.js 템플릿" })}</span>
           </div>
         </div>
       </section>

package/cli/templates/app/page/_layout.tsx

@@ -10,7 +10,6 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: Dic
     content: `
 import "./styles.css";
 import type { LayoutProps } from "akanjs/client";
-import { fetch } from "@${dict.appName}/client";
 ${isUsingShared ? "import { Auth } from '@shared/ui';" : ""}
 
 export const head = (

package/cli/templates/module/__Model__.Zone.tsx

@@ -12,7 +12,7 @@ export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: Dic
 "use client";
 import { Load } from "akanjs/ui";
 import { cnst, ${dict.Model} } from "@${dict.sysName}/client";
-import type { ClientInit, ClientView } from "akanjs/fetch";
+import type { ClientInit, ClientView, SliceMeta } from "akanjs/fetch";
 
 interface CardProps {
   className?: string;

package/cli/templates/module/__model__.document.ts

@@ -7,7 +7,7 @@ interface Dict {
 }
 export default function getContent(scanInfo: AppInfo | LibInfo | null, dict: Dict) {
   return `
-import { beyond, by, from, into, type SchemaOf } from "akanjs/document";
+import { by, from, into, type SchemaOf } from "akanjs/document";
 
 import * as cnst from "../cnst";
 

package/cli/templates/workspaceRoot/.gitignore.template

@@ -25,10 +25,6 @@ apps/*/scripts
 **/*secrets.yaml
 **/kubeconfig.yaml
 **/secrets.*
-**/.idea
-apps/**/src/schema.gql
-.next
-.vite
 dump
 local
 
@@ -50,7 +46,6 @@ DerivedData
 *.ipa
 *.xcuserstate
 
-# **/android
 build/
 .gradle
 local.properties
@@ -122,9 +117,4 @@ libs/*/common/index.ts
 libs/*/client.ts
 libs/*/server.ts
 libs/*/index.ts
-# **/capacitor.config.ts
-# **/postcss.config.js
-# **/playwright.config.ts
-# **/next-env.d.ts
-# **/tsconfig.json
-# **/tsconfig.spec.json
+**/.akan

package/cli/templates/workspaceRoot/biome.json.template

@@ -142,6 +142,22 @@
       "includes": ["**/*.constant.ts", "**/*.document.ts", "**/*.service.ts", "**/*.store.ts"],
       "plugins": ["./node_modules/akanjs/devkit/lint/no-js-private-class-method.grit"]
     },
+    {
+      "includes": [
+        "**/*.constant.ts",
+        "**/*.dictionary.ts",
+        "**/*.document.ts",
+        "**/*.service.ts",
+        "**/*.signal.ts",
+        "**/*.store.ts",
+        "**/*.Template.tsx",
+        "**/*.Unit.tsx",
+        "**/*.Util.tsx",
+        "**/*.View.tsx",
+        "**/*.Zone.tsx"
+      ],
+      "plugins": ["./node_modules/akanjs/devkit/lint/no-deep-internal-import.grit"]
+    },
     {
       "includes": [
         "**/page/**/*.ts",

package/cli/workspace/workspace.command.ts

@@ -22,20 +22,16 @@ export class WorkspaceCommand extends command("workspace", [WorkspaceScript], ({
         },
       ],
     })
-    .option("tag", String, {
-      desc: "tag of the update",
-      default: "latest",
-    })
     .option("init", Boolean, {
       desc: "Do you want to initialize the workspace? (Recommended)",
       default: true,
     })
-    .exec(async function (workspaceName, app, dir, libs, tag, init) {
+    .exec(async function (workspaceName, app, dir, libs, init) {
       const appName = app || "app";
       await this.workspaceScript.createWorkspace(
         workspaceName.toLowerCase().replace(/ /g, "-"),
         appName.toLowerCase().replace(/ /g, "-"),
-        { dirname: dir, installLibs: libs, tag, init },
+        { dirname: dir, installLibs: libs, init },
       );
     }),
   lint: target({ desc: "Lint and fix code in a specific app/lib/pkg" })

package/cli/workspace/workspace.runner.ts

@@ -1,16 +1,11 @@
 import path from "node:path";
 import { type Exec, type PackageJson, runner, type Workspace, WorkspaceExecutor } from "akanjs/devkit";
-import latestVersion from "latest-version";
 
 export class WorkspaceRunner extends runner("workspace") {
-  async #resolveAkanVersion(tag: string) {
-    return /^\d+\.\d+\.\d+(?:[-+][0-9A-Za-z.-]+)?$/.test(tag) ? tag : await latestVersion("akanjs", { version: tag });
-  }
-
   async createWorkspace(
     repoName: string,
     appName: string,
-    { dirname = ".", tag = "latest", init = true }: { dirname?: string; tag?: string; init?: boolean },
+    { dirname = ".", init = true, akanVersion }: { dirname?: string; init?: boolean; akanVersion: string },
   ) {
     const cwdPath = process.cwd();
     const workspaceRoot = path.join(cwdPath, dirname, repoName);
@@ -25,7 +20,6 @@ export class WorkspaceRunner extends runner("workspace") {
     templateSpinner.succeed(`Workspace files created in ${dirname}/${repoName}`);
     
     const rootPackageJson = await workspace.getPackageJson();
-    const akanVersion = await this.#resolveAkanVersion(tag);
     const packageJson: PackageJson = {
       ...rootPackageJson,
       dependencies: {

package/cli/workspace/workspace.script.ts

@@ -4,20 +4,26 @@ import { AppExecutor, type Exec, LibExecutor, PkgExecutor, script, type Workspac
 
 import { ApplicationScript } from "../application/application.script";
 import { LibraryScript } from "../library/library.script";
+import { PackageScript } from "../package/package.script";
 import { WorkspaceRunner } from "./workspace.runner";
 
-export class WorkspaceScript extends script("workspace", [WorkspaceRunner, ApplicationScript, LibraryScript]) {
+export class WorkspaceScript extends script("workspace", [
+  WorkspaceRunner,
+  ApplicationScript,
+  LibraryScript,
+  PackageScript,
+]) {
   async createWorkspace(
     repoName: string,
     appName: string,
-    {
-      dirname = ".",
-      installLibs = false,
-      tag = "latest",
-      init = true,
-    }: { dirname?: string; installLibs?: boolean; tag?: string; init?: boolean },
+    { dirname = ".", installLibs = false, init = true }: { dirname?: string; installLibs?: boolean; init?: boolean },
   ) {
-    const workspace = await this.workspaceRunner.createWorkspace(repoName, appName, { dirname, tag, init });
+    const akanVersion = await this.packageScript.version({ log: false });
+    const workspace = await this.workspaceRunner.createWorkspace(repoName, appName, {
+      dirname,
+      init,
+      akanVersion,
+    });
     if (installLibs) {
       await this.libraryScript.installLibrary(workspace, "util");
       await this.libraryScript.installLibrary(workspace, "shared");

package/client/csrTypes.ts

@@ -111,7 +111,7 @@ export interface LayoutModule {
 }
 export type RouteModule = PageModule | LayoutModule;
 export interface Route {
-  csrConfig?: PageConfig;
+  PageConfig?: PageConfig;
   path: string;
   renderPage?: RouteRender;
   renderLayout?: RouteRender;

package/constant/fieldInfo.ts

@@ -190,7 +190,7 @@ export class ConstantField<
   }
   static getBaseInsightField(): FieldObject {
     return {
-      count: field(Int, { default: 0, accumulate: { $sum: 1 } }).toField(),
+      count: field(Int, { default: 0, accumulate: {} }).toField(),
     };
   }
   readonly nullable: Nullable;

package/devkit/capacitor.base.config.ts

@@ -53,7 +53,7 @@ export const withBase = (
             androidScheme: "http",
             url: localCsrUrl(ip, target),
             cleartext: true,
-            allowNavigation: [`http://${ip}:8282/*`],
+            allowNavigation: [ip, "localhost"],
           }
         : {
             allowNavigation: ["*"],

package/devkit/capacitorApp.ts

@@ -201,7 +201,11 @@ export class CapacitorApp {
       .relative(this.targetRoot, path.join(this.app.cwdPath, "akan.app.json"))
       .split(path.sep)
       .join("/");
-    const content = `import { withBase } from "akanjs/devkit/capacitor.base.config";
+    const baseConfigPath = path
+      .relative(this.targetRoot, path.join(this.app.workspace.cwdPath, "pkgs/akanjs/devkit/capacitor.base.config"))
+      .split(path.sep)
+      .join("/");
+    const content = `import { withBase } from "${baseConfigPath.startsWith(".") ? baseConfigPath : `./${baseConfigPath}`}";
 import appInfo from "${appInfoPath}";
 
 export default withBase((config) => config, appInfo, "${this.target.name}");