@akanjs/cli 0.0.120 → 0.0.122

package/esm/index.js

@@ -903,10 +903,10 @@ var Executor = class {
   exec(command, options = {}) {
     const proc = exec(command, { cwd: this.cwdPath, ...options });
     proc.stdout?.on("data", (data) => {
-      Logger.raw(data.toString());
+      Logger.raw(chalk.dim(data.toString()));
     });
     proc.stderr?.on("data", (data) => {
-      Logger.raw(chalk.red(data.toString()));
+      Logger.raw(chalk.dim(data.toString()));
     });
     return new Promise((resolve, reject) => {
       proc.on("exit", (code, signal) => {
@@ -1436,11 +1436,11 @@ var SysExecutor = class extends Executor {
     return viewComponents;
   }
   async getUnitComponents() {
-    const unitComponents = (await fsPromise.readdir(`${this.cwdPath}/lib`)).filter((name) => name.startsWith("_") && !name.startsWith("__")).filter((name) => fs6.existsSync(`${this.cwdPath}/lib/${name}/${name}.Unit.tsx`));
+    const unitComponents = (await fsPromise.readdir(`${this.cwdPath}/lib`)).filter((name) => !name.startsWith("_") && !name.startsWith("__") && !name.endsWith(".ts")).filter((name) => fs6.existsSync(`${this.cwdPath}/lib/${name}/${name}.Unit.tsx`));
     return unitComponents;
   }
   async getTemplateComponents() {
-    const templateComponents = (await fsPromise.readdir(`${this.cwdPath}/lib`)).filter((name) => name.startsWith("_") && !name.startsWith("__")).filter((name) => fs6.existsSync(`${this.cwdPath}/lib/${name}/${name}.Template.tsx`));
+    const templateComponents = (await fsPromise.readdir(`${this.cwdPath}/lib`)).filter((name) => !name.startsWith("_") && !name.startsWith("__") && !name.endsWith(".ts")).filter((name) => fs6.existsSync(`${this.cwdPath}/lib/${name}/${name}.Template.tsx`));
     return templateComponents;
   }
   async getViewsSourceCode() {
@@ -2028,6 +2028,7 @@ var runCommands = async (...commands) => {
             const errMsg = e instanceof Error ? e.message : typeof e === "string" ? e : JSON.stringify(e);
             Logger.error(`Command Error: ${chalk2.red(errMsg)}`);
             console.error(e);
+            throw e;
           }
         });
       }
@@ -2175,6 +2176,7 @@ var Builder = class {
     return {
       entryPoints: [
         ...bundle ? [`${this.#executor.cwdPath}/index.ts`] : [`${this.#executor.cwdPath}/**/*.ts`, `${this.#executor.cwdPath}/**/*.tsx`],
+        `${this.#executor.cwdPath}/**/*.template`,
         ...additionalEntryPoints
       ],
       bundle,
@@ -2183,7 +2185,8 @@ var Builder = class {
       platform: this.#pkgJson.esbuild?.platform,
       format,
       outdir: `${this.#distExecutor.cwdPath}/${format}`,
-      logLevel: "error"
+      logLevel: "error",
+      loader: { ".template": "copy" }
     };
   }
   #getAssetBuildOptions() {
@@ -2193,12 +2196,11 @@ var Builder = class {
       entryPoints: [
         `${this.#executor.cwdPath}/**/*.css`,
         `${this.#executor.cwdPath}/**/*.md`,
-        `${this.#executor.cwdPath}/**/*.template`,
         `${this.#executor.cwdPath}/**/*.js`
       ],
       outdir: this.#distExecutor.cwdPath,
       logLevel: "error",
-      loader: { ".css": "copy", ".md": "copy", ".template": "copy", ".js": "copy" }
+      loader: { ".css": "copy", ".md": "copy", ".js": "copy" }
     };
   }
   async build(options = {}) {
@@ -2394,525 +2396,1032 @@ import tsconfigPaths from "vite-tsconfig-paths";
 
 // pkgs/@akanjs/cli/src/module/module.prompt.ts
 var frameworkDescription = `
-\uB098\uB294 \uC880 \uB354 \uD6A8\uC728\uC801\uC73C\uB85C \uCF54\uB529\uC744 \uD558\uAE30 \uC704\uD574\uC11C \uC790\uCCB4 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC81C\uC791\uD588\uC5B4.
-\uADF8\uB798\uC11C \uC6B0\uB9AC \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uB300\uD55C \uC124\uBA85\uC744 \uD574\uC904\uD14C\uB2C8\uAE4C \uC798 \uC774\uD574\uD558\uB3C4\uB85D \uD574. \uC6B0\uB9AC \uD504\uB808\uC784\uC6CC\uD06C\uB294 next.js 13\uACFC nest.js, capacitor.js, nx, mongoDB \uAE30\uBC18\uC758 \uD504\uB860\uD2B8\uC5D4\uB4DC, \uC571, \uBC31\uC5D4\uB4DC \uD1B5\uD569 \uD504\uB808\uC784\uC6CC\uD06C\uC57C. \uADF8\uB798\uC11C \uBC31\uC5D4\uB4DC, \uD504\uB860\uD2B8\uC5D4\uB4DC, DB Schema\uC5D0 \uB300\uD55C \uCF54\uB4DC\uAC00 \uBAA8\uB450 \uD55C \uD3F4\uB354 \uC548\uC5D0 \uC788\uC5B4. \uADF8\uB798\uC11C \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8, \uD0C0\uC785\uC2A4\uD06C\uB9BD\uD2B8, \uADF8\uB9AC\uACE0 \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uB300\uD55C \uC774\uD574\uB9CC \uC788\uB2E4\uBA74 \uAD6C\uBD84\uC9D3\uC9C0 \uC54A\uACE0 \uC0AC\uC6A9\uD560 \uC218 \uC788\uB2E4\uB294 \uC7A5\uC810\uC774 \uC788\uC5B4. 
-
-\uAC00\uC7A5 \uC678\uBD80\uC758 \uAD6C\uC870\uB294
-- app
+	\uB098\uB294 \uC880 \uB354 \uD6A8\uC728\uC801\uC73C\uB85C \uCF54\uB529\uC744 \uD558\uAE30 \uC704\uD574\uC11C \uC790\uCCB4 \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uC81C\uC791\uD588\uC5B4.
+	
+	\uADF8\uB798\uC11C \uC6B0\uB9AC \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uB300\uD55C \uC124\uBA85\uC744 \uD574\uC904\uD14C\uB2C8\uAE4C \uC798 \uC774\uD574\uD558\uB3C4\uB85D \uD574. \uC6B0\uB9AC \uD504\uB808\uC784\uC6CC\uD06C\uB294 next.js 13\uACFC nest.js, capacitor.js, nx, mongoDB \uAE30\uBC18\uC758 \uD504\uB860\uD2B8\uC5D4\uB4DC, \uC571, \uBC31\uC5D4\uB4DC \uD1B5\uD569 \uD504\uB808\uC784\uC6CC\uD06C\uC57C. \uADF8\uB798\uC11C \uBC31\uC5D4\uB4DC, \uD504\uB860\uD2B8\uC5D4\uB4DC, DB Schema\uC5D0 \uB300\uD55C \uCF54\uB4DC\uAC00 \uBAA8\uB450 \uD55C \uD3F4\uB354 \uC548\uC5D0 \uC788\uC5B4. \uADF8\uB798\uC11C \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8, \uD0C0\uC785\uC2A4\uD06C\uB9BD\uD2B8, \uADF8\uB9AC\uACE0 \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uB300\uD55C \uC774\uD574\uB9CC \uC788\uB2E4\uBA74 \uAD6C\uBD84\uC9D3\uC9C0 \uC54A\uACE0 \uC0AC\uC6A9\uD560 \uC218 \uC788\uB2E4\uB294 \uC7A5\uC810\uC774 \uC788\uC5B4.
+	
+	  
+	
+	\uAC00\uC7A5 \uC678\uBD80\uC758 \uAD6C\uC870\uB294
+	
+	- app
+	
 	- project1
+	
 	- project2
+	
 	- project3
+	
 	- project4
-- lib
+	
+	- lib
+	
 	- core
+	
 	- external
+	
 	- game
+	
 	- mint
+	
 	- platform
+	
 	- shared
+	
 	- social
+	
 	- util
-app\uC740 \uAC01 \uD504\uB85C\uC81D\uD2B8\uB97C \uB9CC\uB4DC\uB294 \uACF3\uC774\uC57C
-lib \uD558\uC704 \uD3F4\uB354\uB4E4\uC740 \uC5EC\uB7EC \uD504\uB85C\uC81D\uD2B8\uC5D0\uC11C \uACF5\uC6A9\uC73C\uB85C \uC0AC\uC6A9\uD560 \uC218 \uC788\uACA0\uB2E4 \uB77C\uACE0 \uD310\uB2E8\uD574\uC11C \uBD84\uB9AC\uD574\uB193\uC740 \uACF3\uC774\uC57C.
-\uB2E4\uC74C\uC740 app/project \uB0B4\uBD80\uC758 \uAD6C\uC870\uB97C \uC54C\uB824\uC904\uAC8C.
-
-project
-- app
+	
+	app\uC740 \uAC01 \uD504\uB85C\uC81D\uD2B8\uB97C \uB9CC\uB4DC\uB294 \uACF3\uC774\uC57C
+	
+	lib \uD558\uC704 \uD3F4\uB354\uB4E4\uC740 \uC5EC\uB7EC \uD504\uB85C\uC81D\uD2B8\uC5D0\uC11C \uACF5\uC6A9\uC73C\uB85C \uC0AC\uC6A9\uD560 \uC218 \uC788\uACA0\uB2E4 \uB77C\uACE0 \uD310\uB2E8\uD574\uC11C \uBD84\uB9AC\uD574\uB193\uC740 \uACF3\uC774\uC57C.
+	
+	\uB2E4\uC74C\uC740 app/project \uB0B4\uBD80\uC758 \uAD6C\uC870\uB97C \uC54C\uB824\uC904\uAC8C.
+	
+	  
+	
+	project
+	
+	- app
+	
 	- [lang]
-		- (projectName)
-			- (user)
-				- page.tsx
-				- layout.tsx
-			- (public)
-				- page.tsx
-				- layout.tsx
-			- (admin)
-				- page.tsx
-				- layout.tsx
-
-- lib 
+	
+	- (projectName)
+	
+	- (user)
+	
+	- page.tsx
+	
+	- layout.tsx
+	
+	- (public)
+	
+	- page.tsx
+	
+	- layout.tsx
+	
+	- (admin)
+	
+	- page.tsx
+	
+	- layout.tsx
+	
+	  
+	
+	- lib
+	
 	- dataName1
+	
 	- dataName2
+	
 	- dataName3
+	
 	- dataName4
+	
 	- dataName5
+	
 	- dataName6
+	
 	- dataName7
-
-app\uC740 \uC9C1\uC811\uC801\uC73C\uB85C \uC720\uC800\uAC00 \uBCF4\uB294 \uD398\uC774\uC9C0\uB97C \uC9DC\uB294 \uACF3\uC774\uC57C. \uD3F4\uB354 \uAD6C\uC870\uB294 next 13\uC758 app directory\uB97C \uB530\uB974\uACE0 \uC788\uC5B4.
-public/page.tsx\uAC00 \uAC00\uC7A5 \uCD5C\uCD08\uB85C \uC811\uADFC\uB418\uB294 Index \uD398\uC774\uC9C0\uAC00 \uB420 \uAC70\uC57C.
-\uC544\uB798\uB294 public/page.tsx\uC758 \uAE30\uBCF8 \uD15C\uD50C\uB9BF \uC18C\uC2A4\uCF54\uB4DC\uC57C.
-\`\`\`
-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">
-      <Image
-        className="absolute left-0 right-0 top-0 bottom-0 w-full h-screen -z-50"
-        width={{1920}}
-        height={{1080}}
-        src="/back.jpg"
-      />
-      <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"><%= project %></h1>
-        <h2 className="text-lg"><%= project %> description</h2>
-        <Link className="w-full" href={{self ? "/home" : "/signin"}}>
-          <button className="btn w-full btn-primary">Go to dashboard</button>
-        </Link>
-      </div>
-    </div>
-  );
-}}
-\`\`\`
-
-lib\uC740 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uB2E4\uBCF4\uBA74 \uD544\uC694\uD55C \uB370\uC774\uD130\uB97C \uC815\uC758\uD558\uB294 \uACF3\uC774\uC57C.
-\uB530\uB77C\uC11C dataName\uC740 DB\uC774\uB984. \uC989 \uB370\uC774\uD130\uBA85\uC744 \uB530\uB77C.  \uB2E4\uB9CC \uD3F4\uB354 \uB0B4\uBD80\uC5D0\uB294 backend, frontend\uC5D0\uC11C \uD1B5\uD569\uC73C\uB85C \uC4F0\uB294 \uC18C\uC2A4\uCF54\uB4DC\uB4E4\uC774 \uC788\uC5B4.
-
-\uC6B0\uB9AC \uD504\uB808\uC784\uC6CC\uD06C\uC758 \uD575\uC2EC\uC740 \uC815\uC758\uD55C \uBA54\uD0C0\uB370\uC774\uD130\uB4E4\uC744 \uC774\uC6A9\uD574\uC11C \uAC01 \uB370\uC774\uD130\uAC04\uC758 \uC5F0\uAD00\uC810\uC774\uB098, \uB370\uC774\uD130 \uD0C0\uC785\uC744 \uBCF4\uACE0 \uBBF8\uB9AC \uC815\uB9AC\uB41C \uACB0\uACFC\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uACE0 \uD504\uB85C\uC81D\uD2B8\uB97C \uB9CC\uB4E0\uB2E4\uBA74 \uAC70\uC758 \uBAA8\uB450 \uD544\uC694\uD55C \uC791\uC5C5\uB4E4\uC744 \uBBF8\uB9AC \uC815\uB9AC\uD574\uB1A8\uC5B4. \uC608\uB97C \uB4E4\uC5B4 \uB370\uC774\uD130 \uD0C0\uC785\uC5D0 \uC774\uBBF8\uC9C0 \uD30C\uC77C\uC774 \uC788\uB2E4\uACE0 \uD55C\uB2E4\uBA74 \uBC31\uC5D4\uB4DC\uB97C \uD1B5\uD574 \uADF8 \uC774\uBBF8\uC9C0\uB97C \uC11C\uBC84\uC758 \uC2A4\uD1A0\uB9AC\uC9C0\uC5D0 \uC800\uC7A5\uD558\uACE0 \uADF8 \uC800\uC7A5\uB41C \uD30C\uC77C\uC744 \uD2B9\uC815 db\uC5D0 id\uB97C \uCD94\uAC00\uD574\uC8FC\uB294 \uD568\uC218\uB4E4 \uAC19\uC740 \uAC83\uB4E4\uC740 \uC5B4\uB290 \uD504\uB85C\uC81D\uD2B8\uB358 \uAC04\uC5D0 \uBAA8\uB450 \uC0AC\uC6A9\uB418\uB294 \uBC29\uC2DD\uC774\uB77C\uACE0 \uD310\uB2E8\uD588\uC5B4. \uD558\uC9C0\uB9CC \uC6B0\uB9AC\uB294 \uD504\uB85C\uC81D\uD2B8\uB97C \uC791\uC5C5\uD560 \uB54C\uB9C8\uB2E4 \uC774 \uBD88\uD544\uC694\uD55C \uC791\uC5C5\uB4E4\uC744 \uD56D\uC0C1 \uB9CC\uB4E4\uACE0 \uD14C\uC2A4\uD2B8\uB97C \uD558\uB294 \uBD88\uD544\uC694\uD55C \uC77C\uB4E4\uC744 \uD558\uACE0\uC788\uC9C0. \uADF8\uB798\uC11C \uC6B0\uB9AC\uB294 \uAC01 \uD504\uB85C\uC81D\uD2B8\uAC00 \uB9CC\uB4E4 \uB54C\uB9C8\uB2E4 \uD544\uC218\uB85C \uC788\uC5B4\uC57C\uD560 \uC774\uBBF8\uC9C0 \uC5C5\uB85C\uB4DC \uD504\uB85C\uC138\uC2A4\uB97C \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uD1B5\uD574 \uBBF8\uB9AC \uC815\uC758\uB41C \uC0C1\uD0DC\uB85C \uC0AC\uC6A9\uD560 \uC218 \uC788\uC5B4.
-\uACB0\uACFC\uC801\uC73C\uB85C \uC6B0\uB9B0 \uD544\uC694\uD558\uC9C0\uB9CC \uB9E4\uBC88 \uC791\uC5C5\uD558\uAE30\uC5D4 \uC190\uC774 \uB9CE\uC774\uAC00\uB294 \uC791\uC5C5\uB4E4\uC744 \uBBF8\uB9AC \uC815\uC758\uD574\uB1A8\uC5B4.
-
-\uB610\uD55C \uC6B0\uB9B0 CLI\uB97C \uD1B5\uD574\uC11C \uD2B9\uC815 \uD504\uB85C\uC81D\uD2B8 \uD3F4\uB354 \uD15C\uD50C\uB9BF\uC744 \uB9CC\uB4E4\uC5B4\uC8FC\uAC70\uB098, \uD2B9\uC815 \uBAA8\uB378\uC758 \uD544\uB4DC\uB4E4\uC744 \uB9CC\uB4E4 \uC218 \uC788\uB3C4\uB85D \uD574\uB1A8\uC5B4. Model\uC774\uB77C\uB294 \uBCC0\uC218\uC758 \uACB0\uACFC\uAC12\uC744 \uBC1B\uACE0 \uC800 \uD15C\uD50C\uB9BF\uC5D0 \uB9DE\uAC8C\uB054 \uC774\uB984\uC744 \uB123\uC5B4\uC8FC\uB294 \uAC70\uC9C0. \uB9CC\uC57D \uB0B4\uAC00 phone\uC774\uB77C\uB294 \uBCC0\uC218\uB97C \uB123\uC5C8\uB2E4\uBA74 \uC800 \uBAA8\uB378\uC5D0 Phone\uACFC \uAC19\uC740 \uACB0\uACFC\uAC12\uC73C\uB85C \uAC12\uC774 \uB4E4\uC5B4\uAC00\uAC8C \uB428\uC73C\uB85C\uC11C \uD15C\uD50C\uB9BF\uC774 \uC0DD\uC131\uB3FC. \uC774\uB294 \uC6B0\uB9AC\uAC00 \uC774\uBBF8 \uB9CC\uB4E4\uC5B4\uB193\uC740 \uCEE4\uB9E8\uB4DC\uAC00 \uC788\uC5B4.
-
-\uC608\uB97C \uB4E4\uC5B4 \uC5F0\uD544\uC774\uB77C\uB294 \uBAA8\uB378\uC744 \uCEE4\uB9E8\uB4DC\uB97C \uD1B5\uD574 \uC0DD\uC131\uD558\uBA74 \uC544\uB798\uC640 \uAC19\uC740 \uD30C\uC77C\uB4E4\uC774 \uC0DD\uC131\uB3FC.
-
-pencil
-- pencil.constant.ts ( pencil\uC5D0 \uB300\uD55C db schema, query, sort \uAD6C\uBB38\uC744 \uC815\uC758 )
-- pencil.document.ts ( model\uC5D0\uC11C \uC790\uC8FC \uC0AC\uC6A9\uD558\uB294 method, static function, middleware\uB85C \uAC04\uB2E8\uD55C db \uAD00\uB9AC \uD568\uC218\uB4F1\uC744 \uAD00\uB9AC\uD568.)
-- pencil.dictionary.ts (\uB2E4\uAD6D\uC5B4\uB97C \uC704\uD574\uC11C schema field, enum, service name\uC758 \uB2E4\uAD6D\uC5B4 \uC815\uBCF4 \uB4F1\uC744 \uBAA8\uB450 \uAD00\uB9AC. )
-- pencil.signal.ts (frontend\uC758 fetch\uB97C \uC5F4\uC5B4\uC8FC\uB294 \uC77C\uC885\uC758 \uCC3D\uAD6C, \uAD8C\uD55C\uAD00\uB9AC\uB4F1\uC744 \uD568 nestjs\uC758 resolver\uC640 \uC720\uC0AC )
-- pencil.service.ts (\uC2E4\uC9C8\uC801\uC778 \uC11C\uBE44\uC2A4 \uCF54\uB4DC\uB97C \uC791\uC131\uD558\uB294 \uACF3. \uAC01\uC885 \uBE44\uC988\uB2C8\uC2A4 \uB85C\uC9C1\uC744 \uCC98\uB9AC\uD568.)
-- pencil.store.ts (pencil field\uC5D0 \uB300\uD55C \uC0C1\uD0DC\uAD00\uB9AC \uC800\uC7A5\uC18C.)
-- pencil.Zone.tsx (\uC544\uB798 Templete, Unit, Util, View, Util\uB4F1\uC744 \uC870\uD569\uD574\uC11C \uB2E4\uC74C \uB808\uBCA8 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uC791\uC131\uD558\uB294 \uACF3 client component\uB85C \uC815\uC758\uB428. )
-- pencil.Templete.tsx (\uC8FC\uB85C edit\uC5D0 \uC5F0\uAD00\uB41C \uCEF4\uD3EC\uB10C\uD2B8 \uC815\uC758\uD558\uB294 \uACF3. client component\uB85C \uC815\uC758\uB428. )
-- pencil.Unit.tsx (list \uCC98\uB7FC \uBCF5\uC218\uAC1C\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uC815\uC758\uD558\uB294 \uACF3. server component\uB85C \uC815\uC758\uB428. )
-- pencil.Util.tsx (Action \uBC84\uD2BC\uC744 \uC815\uC758\uD558\uB294 \uACF3. client component\uB85C \uC815\uC758\uB428. )
-- pencil.View.tsx (\uB2E8\uC77C view \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uC815\uC758\uD558\uB294 \uACF3. server component\uB85C \uC815\uC758\uB428. )
-
-
-\uC5EC\uAE30\uC11C constant\uC5D0 \uC815\uC758 \uB418\uC5B4\uC788\uB294 schema\uB97C \uAE30\uBCF8\uC73C\uB85C \uD574\uC11C \uAC01 document, dictionary, signal, service, store\uB97C \uC0DD\uC131\uD574.
-
-document, signal, service\uB294 \uBC31\uC5D4\uB4DC\uC640 \uC5F0\uAD00\uB418\uC5B4\uC788\uB294 \uC18C\uC2A4\uCF54\uB4DC\uC57C.
-\uC11C\uB85C\uAC04\uC758 \uAD00\uACC4\uB294 \uC8FC\uB85C signal\uC5D0\uC11C \uAC00\uC7A5 \uBA3C\uC800 \uC694\uCCAD\uC744 \uBC1B\uACE0 \uC774\uD6C4 \uB85C\uC9C1\uC758 \uBCF5\uC7A1\uB3C4\uC5D0 \uB530\uB77C\uC11C service\uB85C \uCC98\uB9AC\uD560 \uC9C0, docuemnt\uB85C \uCC98\uB9AC\uD560 \uC9C0\uB97C \uACB0\uC815\uD574.
-signal - document
-signal - service - document
-
-store\uB294 \uD504\uB860\uD2B8\uC5D4\uB4DC\uC5D0\uC11C \uC0C1\uD0DC\uAD00\uB9AC\uB97C \uD560 \uB54C \uC0AC\uC6A9\uB3FC.
-\uC6B0\uB9AC\uB294 signal\uC758 \uCF54\uB4DC\uB85C \uB098\uC628 \uBA54\uD0C0\uB370\uC774\uD130\uB97C \uC774\uC6A9\uD574\uC11C store\uC5D0\uC11C \uD754\uD788 \uC0AC\uC6A9\uB420\uB9CC\uD55C \uD568\uC218\uB4E4\uC744 \uBBF8\uB9AC \uC815\uC758\uD558\uAC8C\uB054 \uB9CC\uB4E4\uC5C8\uC5B4.
-
-\uC774\uB807\uAC8C 11\uAC1C\uC758 \uD30C\uC77C\uB85C \uAD6C\uBD84\uD574\uC11C \uC815\uC758\uAC00 \uB3FC.  
-\uC9C0\uAE08\uBD80\uD134 \uD55C \uD30C\uC77C\uB4E4\uB9C8\uB2E4 \uC0C1\uC138\uD55C \uC124\uBA85\uC744 \uD574\uC904\uAC8C.
-
-model.constant.ts
-
-constant\uB294 \uAE30\uBCF8 \uC2A4\uD0A4\uB9C8\uAC00 \uAD6C\uC131\uB418\uB294 \uACF3\uC774\uC57C. \uADF8\uB798\uC11C \uC774 \uACF3\uC5D0\uC11C DB \uC2A4\uD0A4\uB9C8, \uCFFC\uB9AC, \uC815\uB82C \uAD6C\uBB38\uC744 \uC815\uC758\uD574.
-\uC8FC\uC758\uD574\uC57C\uD560 \uAC74 decorator\uC5D0\uC11C \uC815\uC758\uD558\uB294 \uD0C0\uC785\uACFC \uC544\uB798\uC5D0 \uC815\uC758\uD558\uB294 \uD0C0\uC785\uC774 \uC57D\uAC04 \uB2E4\uB97C \uC218 \uC788\uC5B4
-\uC608\uB97C \uB4E4\uC5B4 decorator\uC5D0\uC11C\uB294 Int\uB85C \uC815\uC758\uD558\uACE0 constant\uC5D0\uC11C\uB294 number\uB85C \uC815\uC758\uD574\uC57C\uD574.
-\uCD94\uAC00\uB85C createdAt\uACFC updatedAt, status\uB294 \uAE30\uBCF8\uC801\uC73C\uB85C \uC0DD\uC131\uB418\uB294 \uD544\uB4DC\uC774\uB2C8\uAE4C \uB530\uB85C \uC815\uC758\uD558\uC9C0 \uC54A\uC544\uB3C4 \uB3FC.
-\uC774\uB294 decorator\uC5D0\uC11C\uB294 GraphQL\uC5D0\uC11C \uC0AC\uC6A9\uD560 \uD0C0\uC785\uC744 \uC815\uC758\uD558\uACE0 constant\uC5D0\uC11C\uB294 \uC2E4\uC81C \uD0C0\uC785\uC744 \uC815\uC758\uD558\uB294 \uAC70\uC9C0.
-
-\`\`\`
-import { enumOf, Int } from "@akanjs/base";
-import { Field, Filter, Model, sortOf, via } from "@akanjs/constant";
-
-export const \${dict.Model}Statuses = ["active"] as const;
-export type \${dict.Model}Status = (typeof \${dict.Model}Statuses)[number];
-
-//\uB370\uC774\uD130\uB97C \uB9CC\uB4E4 \uB54C \uD544\uC694\uD55C \uB370\uC774\uD130 \uD0C0\uC785\uC744 \uC815\uC758\uD558\uB294 \uACF3
-@Model.Input("\${dict.Model}Input")
-export class \${dict.Model}Input {{
-  @Field.Prop(() => String)
-  field: string;
-
-  @Field.Prop(() => Int, {{ nullable: true }})
-  fieldInt: number | null;
-
-  @Field.Prop(() => Date, {{default: dayjs()}})
-  fieldInt: Dayjs;
-}}
-
-//\uB370\uC774\uD130\uAC00 \uB9CC\uB4E4\uC5B4\uC9C4 \uC774\uD6C4 \uC0DD\uC131\uB418\uAC70\uB098 \uC800\uC7A5\uC73C\uB85C \uCD94\uAC00\uD560 \uC218 \uC788\uB294 \uACF3
-@Model.Object("\${dict.Model}Object")
-export class \${dict.Model}Object extends via(\${dict.Model}Input) {
-  @Field.Prop(() => String, {{ enum: \${dict.Model}Statuses, default: "active" }})
-  status: \${dict.Model}Status;
-}}
-
-//\uB370\uC774\uD130\uB97C \uB9AC\uC2A4\uD2B8\uB85C \uBCF4\uC5EC\uC904 \uB54C \uD544\uC694\uD55C \uB370\uC774\uD130\uB9CC \uC81C\uACF5\uD558\uB294 \uACF3
-@Model.Light("Light\${dict.Model}")
-export class Light\${dict.Model} extends  via(\${dict.Model}Object, [
-  "field",
-  "status",
-] as const) {}
-
-//\uCD5C\uC885 \uB370\uC774\uD130\uC758 Full \uD0C0\uC785\uC774 \uC815\uC758\uB418\uB294 \uACF3
-@Model.Full("\${dict.Model}")
-export class \${dict.Model} extends via(\${dict.Model}Object, Light\${dict.Model}) {}
-
-//\uB370\uC774\uD130\uC758 \uC778\uC0AC\uC774\uD2B8\uB97C \uCE21\uC815\uD558\uAE30 \uC704\uD574\uC11C \uD544\uC694\uD55C \uB370\uC774\uD130\uB97C \uC815\uC758\uD558\uB294 \uACF3
-@Model.Insight("\${dict.Model}Insight")
-export class \${dict.Model}Insight {{
-  @Field.Prop(() => Int, {{ default: 0, accumulate: {{ $sum: 1 }} }})
-  count: number;
-}}
-
-//\uB370\uC774\uD130\uC758 \uD1B5\uACC4\uB97C \uACC4\uC0B0\uD558\uB294 \uACF3
-@Model.Summary("\${dict.Model}Summary")
-export class \${dict.Model}Summary {{
-  @Field.Prop(() => Int, {{ min: 0, default: 0, query: {{ status: {{}} }} }})
-  total\${dict.Model}: number;
-}}
-
-@Model.Filter("\${dict.Model}Filter")
-export class \${dict.Model}Filter extends sortOf(\${dict.Model}, {}) {}
-\`\`\`
-
-
-model.dictonary.ts
-\`\`\`
-import {
-  baseTrans,
-  getBaseSignalTrans,
-  ModelDictionary,
-  SignalDictionary,
-  SummaryDictionary,
-} from "@akanjs/dictionary";
-
-import type { \${dict.Model}, \${dict.Model}Filter, \${dict.Model}Insight, \${dict.Model}Summary } from "./\${dict.model}.constant";
-import type { \${dict.Model}Signal } from "./\${dict.model}.signal";
-
-const modelDictionary = {{
-  ...baseTrans,
-  modelName: ["\${dict.Model}", "\${dict.Model}"],
-  modelDesc: [
-    "\${dict.Model} description",
-    "\${dict.Model} \uC124\uBA85",
-  ],
-
-  // * ==================== Model ==================== * //
-  field: ["Field", "\uD544\uB4DC"],
-  "desc-field": ["Field", "\uD544\uB4DC"],
-  // * ==================== Model ==================== * //
-
-  // * ==================== Insight ==================== * //
-  count: ["Count", "\uAC1C\uC218"],
-  "desc-count": ["\${dict.Model} count in current query settting", "\uD604\uC7AC \uCFFC\uB9AC \uC124\uC815\uC5D0 \uB9DE\uB294 \${dict.Model} \uC218"],
-  // * ==================== Insight ==================== * //
-
-  // * ==================== Filter ==================== * //
-  // * ==================== Filter ==================== * //
-
-  // * ==================== Etc ==================== * //
-  "enum-status-active": ["Active", "\uD65C\uC131"],
-  "enumdesc-status-active": ["Active status", "\uD65C\uC131 \uC0C1\uD0DC"],
-  // * ==================== Etc ==================== * //
-}} satisfies ModelDictionary<\${dict.Model}, \${dict.Model}Insight, typeof \${dict.Model}Sort>;
-
-export const \${dict.Model}SummaryDictionary = {{
-  // * ==================== Summary ==================== * //
-  total\${dict.Model}: ["Total \${dict.Model}", "\uCD1D \${dict.Model} \uC218"],
-  "desc-total\${dict.Model}": ["Total \${dict.Model} count in the database", "\uB370\uC774\uD130\uBCA0\uC774\uC2A4\uC5D0 \uC800\uC7A5\uB41C \uCD1D \${dict.Model} \uC218"],
-  // * ==================== Summary ==================== * //
-}} satisfies SummaryDictionary<\${dict.Model}Summary>;
-
-const signalDictionary = {{
-  ...getBaseSignalTrans("\${dict.Model}" as const),
-  // * ==================== Endpoint ==================== * //
-  "api-\${dict.Model}ListInPublic": ["\${dict.Model} List In Public", "\uACF5\uAC1C\uB41C \${dict.Model} \uB9AC\uC2A4\uD2B8"],
-  "apidesc-\${dict.Model}ListInPublic": ["Get a list of public \${dict.Model}", "\uACF5\uAC1C\uB41C \${dict.Model}\uC758 \uB9AC\uC2A4\uD2B8\uB97C \uAC00\uC838\uC635\uB2C8\uB2E4"],
-  "arg-\${dict.Model}ListInPublic-statuses": ["Statuses", "\uC0C1\uD0DC"],
-  "argdesc-\${dict.Model}ListInPublic-statuses": ["Statuses to filter", "\uD544\uD130\uB9C1\uD560 \uC0C1\uD0DC"],
-  "arg-\${dict.Model}ListInPublic-skip": ["Skip", "\uAC74\uB108\uB6F0\uAE30"],
-  "argdesc-\${dict.Model}ListInPublic-skip": ["Number of items to skip", "\uAC74\uB108\uB6F8 \uC544\uC774\uD15C \uC218"],
-  "arg-\${dict.Model}ListInPublic-limit": ["Limit", "\uC81C\uD55C"],
-  "argdesc-\${dict.Model}ListInPublic-limit": ["Maximum number of items to return", "\uBC18\uD658\uD560 \uCD5C\uB300 \uC544\uC774\uD15C \uC218"],
-  "arg-\${dict.Model}ListInPublic-sort": ["Sort", "\uC815\uB82C"],
-  "argdesc-\${dict.Model}ListInPublic-sort": ["Sort order of the items", "\uC544\uC774\uD15C\uC758 \uC815\uB82C \uC21C\uC11C"],
-
-  "api-\${dict.Model}InsightInPublic": ["\${dict.Model} Insight In Public", "\uACF5\uAC1C\uB41C \${dict.Model} \uC778\uC0AC\uC774\uD2B8"],
-  "apidesc-\${dict.Model}InsightInPublic": [
-    "Get insight data for public \${dict.Model}",
-    "\uACF5\uAC1C\uB41C \${dict.Model}\uC5D0 \uB300\uD55C \uC778\uC0AC\uC774\uD2B8 \uB370\uC774\uD130\uB97C \uAC00\uC838\uC635\uB2C8\uB2E4",
-  ],
-  "arg-\${dict.Model}InsightInPublic-statuses": ["Statuses", "\uC0C1\uD0DC"],
-  "argdesc-\${dict.Model}InsightInPublic-statuses": ["Statuses to filter", "\uD544\uD130\uB9C1\uD560 \uC0C1\uD0DC"],
-  // * ==================== Endpoint ==================== * //
-}} satisfies SignalDictionary<\${dict.Model}Signal, \${dict.Model}>;
-\`\`\`
-export const \${dict.model}Dictionary = {{ ...modelDictionary, ...signalDictionary }};
-
-
-
-model.document.ts
-\`\`\`
-import { beyond, by, Database, into, type SchemaOf } from "@akanjs/document";
-
-import { cnst } from "../cnst";
-@Database.Input(() => cnst.\${dict.Model}Input)
-export class \${dict.Model}Input extends by(cnst.\${dict.Model}Input) {}
-
-@Database.Document(() => cnst.\${dict.Model})
-export class \${dict.Model} extends by(cnst.\${dict.Model}) {}
-
-@Database.Model(() => cnst.\${dict.Model})
-export class \${dict.Model}Model extends into(\${dict.Model}, cnst.\${dict.Model}Cnst) {
-  async getSummary(): Promise<cnst.\${dict.Model}Summary> {
-    return {
-      ...(await this.getDefaultSummary()),
-    };
-  }
-}
-
-@Database.Middleware(() => cnst.\${dict.Model})
-export class \${dict.Model}Middleware extends beyond(\${dict.Model}Model, \${dict.Model}) {
-  onSchema(schema: SchemaOf<\${dict.Model}Model, \${dict.Model}>) {
-    // schema.index({ status: 1 })
-  }
-}
-\`\`\`
-
-
-model.signal.ts
-\`\`\`
-import { Int } from "@akanjs/base";
-import { SortOf } from "@akanjs/constant";
-import { Arg, DbSignal, Mutation, Query, resolve, Signal } from "@akanjs/signal";
-
-import { cnst, Srvs } from "../cnst";
-
-@Signal(() => cnst.\${dict.Model})
-export class \${dict.Model}Signal extends DbSignal(cnst.\${dict.model}Cnst, Srvs, {
-  guards: { get: Query.Public, cru: Mutation.Public },
-}) {
-  // * /////////////////////////////////////
-  // * Public Slice
-  @Query.Public(() => [cnst.\${dict.Model}])
-  async \${dict.model}ListInPublic(
-    @Arg.Query("statuses", () => [String], { nullable: true }) statuses: cnst.\${dict.Model}Status[] | null,
-    @Arg.Query("skip", () => Int, { nullable: true }) skip: number | null,
-    @Arg.Query("limit", () => Int, { nullable: true }) limit: number | null,
-    @Arg.Query("sort", () => String, { nullable: true }) sort: SortOf<cnst.\${dict.Model}Filter> | null
-  ) {
-    const \${dict.models} = await this.\${dict.model}Service.listByStatuses(statuses, { skip, limit, sort });
-    return resolve<cnst.\${dict.Model}[]>(\${dict.models});
-  }
-  @Query.Public(() => cnst.\${dict.Model}Insight)
-  async \${dict.model}InsightInPublic(
-    @Arg.Query("statuses", () => [String], { nullable: true }) statuses: cnst.\${dict.Model}Status[] | null
-  ) {
-    const \${dict.model}Insight = await this.\${dict.model}Service.insightByStatuses(statuses);
-    return resolve<cnst.\${dict.Model}Insight>(\${dict.model}Insight);
-  }
-  // * Public Slice
-  // * /////////////////////////////////////
-}
-\`\`\`
-
-
-model.service.ts
-\`\`\`
-import { DbService, Service } from "@akanjs/service";
-
-import { cnst } from "../cnst";
-import * as db from "../db";
-
-@Service("\${dict.Model}Service")
-export class \${dict.Model}Service extends DbService(db.\${dict.Model}Db) {
-  async summarize(): Promise<cnst.\${dict.Model}Summary> {
-    return {
-      ...(await this.\${dict.Model}Model.getSummary()),
-    };
-  }
-}
-\`\`\`
-
-
-model.store.ts
-\`\`\`
-import { stateOf, Store } from "@akanjs/store";
-
-import { cnst } from "../cnst";
-import { fetch } from "../fetch";
-
-@Store(() => cnst.\${dict.Model})
-export class \${dict.Model}Store extends stateOf(fetch.\${dict.model}Gql, {
-  // state
-}) {
-  // action
-}
-\`\`\`
-
-
-model.Zone.tsx
-\`\`\`
-"use client";
-import { Data, Load } from "@shared/ui";
-import { ModelsProps } from "@akanjs/client";
-import { cnst, \${dict.Model} } from "@\${dict.appName}/client";
-import { ClientInit, ClientView, DefaultOf } from "@akanjs/signal";
-
-export const Admin = ({ sliceName = "\${dict.model}", init, query }: ModelsProps<cnst.\${dict.Model}>>) => {
-  return (
-    <Data.ListContainer
-      init={init}
-      query={query}
-      sliceName={sliceName}
-      renderItem={\${dict.Model}.Unit.Card}
-      renderDashboard={\${dict.Model}.Util.Stat}
-      renderInsight={\${dict.Model}.Util.Insight}
-      renderTemplate={\${dict.Model}.Template.General}
-      renderTitle={(\${dict.model}: DefaultOf<cnst.\${dict.Model}>>) => \`\${dict.Model} - \${\${dict.model}.id ? \${dict.model}.id : "New"}\`}
-      renderView={(\${dict.model}: cnst.\${dict.Model}>) => <\${dict.Model}.View.General \${dict.model}={\${dict.model}} />}
-      columns={[
-        "id",
-        "status",
-        "createdAt",
-        "updatedAt",
-      ]}
-      actions={(\${dict.model}: cnst.Light\${dict.Model}, idx) => ["remove", "edit", "view"]}
-    />
-  );
-};
-
-interface CardProps {
-  className?: string;
-  init: ClientInit<"\${dict.model}", cnst.Light\${dict.Model}>;
-}
-export const Card = ({ className, init }: CardProps) => {
-  return (
-    <Load.Units
-      className={className}
-      init={init}
-      renderItem={(\${dict.model}: cnst.Light\${dict.Model}) => (
-        <\${dict.Model}.Unit.Card key={\${dict.model}.id} href={\`/\${dict.model}/\${\${dict.model}.id}\`} \${dict.model}={\${dict.model}} />
-      )}
-    />
-  );
-};
-
-interface ViewProps {
-  className?: string;
-  view: ClientView<"\${dict.model}", cnst.\${dict.Model}>;
-}
-export const View = ({ view }: ViewProps) => {
-  return <Load.View view={view} renderView={(\${dict.model}) => <\${dict.Model}.View.General \${dict.model}={\${dict.model}} />} />;
-};
-\`\`\`
-
-model.Templete.tsx
-\`\`\`
-"use client";
-import { cnst, st, usePage } from "@\${dict.appName}/client";
-import { Field } from "@shared/ui";
-import { Layout } from "@util/ui";
-
-interface \${dict.Model}EditProps {
-  \${dict.model}Id?: string | null;
-}
-
-export const General = ({ \${dict.model}Id = undefined }: \${dict.Model}EditProps) => {
-  const \${dict.model}Form = st.use.\${dict.model}Form();
-  const { l } = usePage();
-  return (
-    <Layout.Template>
-      <Field.Text
-        label={l.field("\${dict.model}", "id")}
-        desc={l.desc("\${dict.model}", "id")}
-        value={\${dict.model}Form.id}
-        onChange={st.do.setIdOn\${dict.Model}}
-      />
-    </Layout.Template>
-  );
-};
-\`\`\`
-
-
-model.Unit.tsx
-\`\`\`
-import { ModelProps } from "@akanjs/client";
-import { cnst, \${dict.Model} } from "@\${dict.appName}/client";
-import { Link } from "@util/ui";
-
-export const Card = ({ \${dict.model}, href }: ModelProps<"\${dict.model}", cnst.Light\${dict.Model}>>) => {
-  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>
-    </Link>
-  );
-};
-\`\`\`
-
-
-model.Util.tsx
-\`\`\`
-"use client";
-import { ModelDashboardProps, ModelInsightProps } from "@akanjs/client";
-import { getQueryMap } from "@akanjs/constant";
-import { cnst } from "@\${dict.appName}/client";
-import { Data } from "@shared/ui";
-
-export const Stat = ({
-  className,
-  summary,
-  sliceName = "\${dict.model}",
-  queryMap = getQueryMap(cnst.\${dict.Model}Summary),
-  hidePresents,
-}: ModelDashboardProps<cnst.Summary>) => {
-  return (
-    <Data.Dashboard
-      className={className}
-      summary={summary}
-      sliceName={sliceName}
-      queryMap={queryMap}
-      columns={["total\${dict.Model}"]}
-      hidePresents={hidePresents}
-    />
-  );
-};
-
-export const Insight = ({
-  className,
-  insight,
-  sliceName = "\${dict.model}",
-}: ModelInsightProps<cnst.\${dict.Model}Insight>) => {
-  return (
-    <Data.Insight
-      className={className}
-      insight={insight}
-      sliceName={sliceName}
-      columns={["count"]}
-    />
-  );
-};
-\`\`\`
-
-
-model.View.tsx
-\`\`\`
-import { clsx } from "@akanjs/client";
-import { cnst } from "@\${dict.appName}/client";
-import { Image } from "@util/ui";
-
-interface \${dict.Model}ViewProps {
-  className?: string;
-  \${dict.model}: cnst.\${dict.Model};
-  self?: { id?: string } | null;
-}
-
-export const General = ({ className, \${dict.model}, self }: \${dict.Model}ViewProps) => {
-  return (
-    <div className={clsx(className, "animate-fadeIn w-full")}>
-      <div>{\${dict.model}.id}</div>
-    </div>
-  );
-};
-\`\`\`
-\uC774\uB7F0\uC2DD\uC73C\uB85C \uC6B0\uB9AC\uAC00 \uC9C1\uC811 \uB9CC\uB4E0 \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uAE30\uBC18\uD574\uC11C db\uC640 \uC11C\uBE44\uC2A4 \uC2A4\uD1A0\uC5B4\uAE4C\uC9C0 \uBAA8\uB450 \uC5F0\uB3D9\uD574\uC11C \uD558\uB098\uC758 \uBAA8\uB378\uC5D0 \uB9DE\uAC8C\uB054 \uBAA8\uB4C8\uC744 \uD55C \uD3F4\uB354\uC5D0\uC11C \uC791\uC5C5\uD560 \uC218 \uC788\uAC8C\uB054 \uAD6C\uC870\uB97C \uB9CC\uB4E4\uC5C8\uC5B4.
-
-\uC77C\uB2E8 \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uB300\uD55C \uC124\uBA85\uC740 \uC774 \uC815\uB3C4\uB85C \uD558\uACE0 \uC774 \uC815\uBCF4\uB4E4\uC744 \uAE30\uBC18\uC73C\uB85C \uB0B4\uAC00 \uC6D0\uD558\uB294 \uC694\uAD6C\uB97C \uB4E4\uC5B4\uC918.
-`;
+	
+	  
+	
+	app\uC740 \uC9C1\uC811\uC801\uC73C\uB85C \uC720\uC800\uAC00 \uBCF4\uB294 \uD398\uC774\uC9C0\uB97C \uC9DC\uB294 \uACF3\uC774\uC57C. \uD3F4\uB354 \uAD6C\uC870\uB294 next 13\uC758 app directory\uB97C \uB530\uB974\uACE0 \uC788\uC5B4.
+	
+	public/page.tsx\uAC00 \uAC00\uC7A5 \uCD5C\uCD08\uB85C \uC811\uADFC\uB418\uB294 Index \uD398\uC774\uC9C0\uAC00 \uB420 \uAC70\uC57C.
+	
+	\uC544\uB798\uB294 public/page.tsx\uC758 \uAE30\uBCF8 \uD15C\uD50C\uB9BF \uC18C\uC2A4\uCF54\uB4DC\uC57C.
+	
+	\`\`\`
+	
+	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">
+	
+	<Image
+	
+	className="absolute left-0 right-0 top-0 bottom-0 w-full h-screen -z-50"
+	
+	width={{1920}}
+	
+	height={{1080}}
+	
+	src="/back.jpg"
+	
+	/>
+	
+	<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"><%= project %></h1>
+	
+	<h2 className="text-lg"><%= project %> description</h2>
+	
+	<Link className="w-full" href={{self ? "/home" : "/signin"}}>
+	
+	<button className="btn w-full btn-primary">Go to dashboard</button>
+	
+	</Link>
+	
+	</div>
+	
+	</div>
+	
+	);
+	
+	}}
+	
+	\`\`\`
+	
+	  
+	
+	lib\uC740 \uC11C\uBE44\uC2A4\uB97C \uB9CC\uB4E4\uB2E4\uBCF4\uBA74 \uD544\uC694\uD55C \uB370\uC774\uD130\uB97C \uC815\uC758\uD558\uB294 \uACF3\uC774\uC57C.
+	
+	\uB530\uB77C\uC11C dataName\uC740 DB\uC774\uB984. \uC989 \uB370\uC774\uD130\uBA85\uC744 \uB530\uB77C. \uB2E4\uB9CC \uD3F4\uB354 \uB0B4\uBD80\uC5D0\uB294 backend, frontend\uC5D0\uC11C \uD1B5\uD569\uC73C\uB85C \uC4F0\uB294 \uC18C\uC2A4\uCF54\uB4DC\uB4E4\uC774 \uC788\uC5B4.
+	
+	  
+	
+	\uC6B0\uB9AC \uD504\uB808\uC784\uC6CC\uD06C\uC758 \uD575\uC2EC\uC740 \uC815\uC758\uD55C \uBA54\uD0C0\uB370\uC774\uD130\uB4E4\uC744 \uC774\uC6A9\uD574\uC11C \uAC01 \uB370\uC774\uD130\uAC04\uC758 \uC5F0\uAD00\uC810\uC774\uB098, \uB370\uC774\uD130 \uD0C0\uC785\uC744 \uBCF4\uACE0 \uBBF8\uB9AC \uC815\uB9AC\uB41C \uACB0\uACFC\uB97C \uB9CC\uB4E4\uC5B4\uC8FC\uACE0 \uD504\uB85C\uC81D\uD2B8\uB97C \uB9CC\uB4E0\uB2E4\uBA74 \uAC70\uC758 \uBAA8\uB450 \uD544\uC694\uD55C \uC791\uC5C5\uB4E4\uC744 \uBBF8\uB9AC \uC815\uB9AC\uD574\uB1A8\uC5B4. \uC608\uB97C \uB4E4\uC5B4 \uB370\uC774\uD130 \uD0C0\uC785\uC5D0 \uC774\uBBF8\uC9C0 \uD30C\uC77C\uC774 \uC788\uB2E4\uACE0 \uD55C\uB2E4\uBA74 \uBC31\uC5D4\uB4DC\uB97C \uD1B5\uD574 \uADF8 \uC774\uBBF8\uC9C0\uB97C \uC11C\uBC84\uC758 \uC2A4\uD1A0\uB9AC\uC9C0\uC5D0 \uC800\uC7A5\uD558\uACE0 \uADF8 \uC800\uC7A5\uB41C \uD30C\uC77C\uC744 \uD2B9\uC815 db\uC5D0 id\uB97C \uCD94\uAC00\uD574\uC8FC\uB294 \uD568\uC218\uB4E4 \uAC19\uC740 \uAC83\uB4E4\uC740 \uC5B4\uB290 \uD504\uB85C\uC81D\uD2B8\uB358 \uAC04\uC5D0 \uBAA8\uB450 \uC0AC\uC6A9\uB418\uB294 \uBC29\uC2DD\uC774\uB77C\uACE0 \uD310\uB2E8\uD588\uC5B4. \uD558\uC9C0\uB9CC \uC6B0\uB9AC\uB294 \uD504\uB85C\uC81D\uD2B8\uB97C \uC791\uC5C5\uD560 \uB54C\uB9C8\uB2E4 \uC774 \uBD88\uD544\uC694\uD55C \uC791\uC5C5\uB4E4\uC744 \uD56D\uC0C1 \uB9CC\uB4E4\uACE0 \uD14C\uC2A4\uD2B8\uB97C \uD558\uB294 \uBD88\uD544\uC694\uD55C \uC77C\uB4E4\uC744 \uD558\uACE0\uC788\uC9C0. \uADF8\uB798\uC11C \uC6B0\uB9AC\uB294 \uAC01 \uD504\uB85C\uC81D\uD2B8\uAC00 \uB9CC\uB4E4 \uB54C\uB9C8\uB2E4 \uD544\uC218\uB85C \uC788\uC5B4\uC57C\uD560 \uC774\uBBF8\uC9C0 \uC5C5\uB85C\uB4DC \uD504\uB85C\uC138\uC2A4\uB97C \uD504\uB808\uC784\uC6CC\uD06C\uB97C \uD1B5\uD574 \uBBF8\uB9AC \uC815\uC758\uB41C \uC0C1\uD0DC\uB85C \uC0AC\uC6A9\uD560 \uC218 \uC788\uC5B4.
+	
+	\uACB0\uACFC\uC801\uC73C\uB85C \uC6B0\uB9B0 \uD544\uC694\uD558\uC9C0\uB9CC \uB9E4\uBC88 \uC791\uC5C5\uD558\uAE30\uC5D4 \uC190\uC774 \uB9CE\uC774\uAC00\uB294 \uC791\uC5C5\uB4E4\uC744 \uBBF8\uB9AC \uC815\uC758\uD574\uB1A8\uC5B4.
+	
+	  
+	
+	\uB610\uD55C \uC6B0\uB9B0 CLI\uB97C \uD1B5\uD574\uC11C \uD2B9\uC815 \uD504\uB85C\uC81D\uD2B8 \uD3F4\uB354 \uD15C\uD50C\uB9BF\uC744 \uB9CC\uB4E4\uC5B4\uC8FC\uAC70\uB098, \uD2B9\uC815 \uBAA8\uB378\uC758 \uD544\uB4DC\uB4E4\uC744 \uB9CC\uB4E4 \uC218 \uC788\uB3C4\uB85D \uD574\uB1A8\uC5B4. Model\uC774\uB77C\uB294 \uBCC0\uC218\uC758 \uACB0\uACFC\uAC12\uC744 \uBC1B\uACE0 \uC800 \uD15C\uD50C\uB9BF\uC5D0 \uB9DE\uAC8C\uB054 \uC774\uB984\uC744 \uB123\uC5B4\uC8FC\uB294 \uAC70\uC9C0. \uB9CC\uC57D \uB0B4\uAC00 phone\uC774\uB77C\uB294 \uBCC0\uC218\uB97C \uB123\uC5C8\uB2E4\uBA74 \uC800 \uBAA8\uB378\uC5D0 Phone\uACFC \uAC19\uC740 \uACB0\uACFC\uAC12\uC73C\uB85C \uAC12\uC774 \uB4E4\uC5B4\uAC00\uAC8C \uB428\uC73C\uB85C\uC11C \uD15C\uD50C\uB9BF\uC774 \uC0DD\uC131\uB3FC. \uC774\uB294 \uC6B0\uB9AC\uAC00 \uC774\uBBF8 \uB9CC\uB4E4\uC5B4\uB193\uC740 \uCEE4\uB9E8\uB4DC\uAC00 \uC788\uC5B4.
+	
+	  
+	
+	\uC608\uB97C \uB4E4\uC5B4 \uC5F0\uD544\uC774\uB77C\uB294 \uBAA8\uB378\uC744 \uCEE4\uB9E8\uB4DC\uB97C \uD1B5\uD574 \uC0DD\uC131\uD558\uBA74 \uC544\uB798\uC640 \uAC19\uC740 \uD30C\uC77C\uB4E4\uC774 \uC0DD\uC131\uB3FC.
+	
+	  
+	
+	pencil
+	
+	- pencil.constant.ts ( pencil\uC5D0 \uB300\uD55C db schema, query, sort \uAD6C\uBB38\uC744 \uC815\uC758 )
+	
+	- pencil.document.ts ( model\uC5D0\uC11C \uC790\uC8FC \uC0AC\uC6A9\uD558\uB294 method, static function, middleware\uB85C \uAC04\uB2E8\uD55C db \uAD00\uB9AC \uD568\uC218\uB4F1\uC744 \uAD00\uB9AC\uD568.)
+	
+	- pencil.dictionary.ts (\uB2E4\uAD6D\uC5B4\uB97C \uC704\uD574\uC11C schema field, enum, service name\uC758 \uB2E4\uAD6D\uC5B4 \uC815\uBCF4 \uB4F1\uC744 \uBAA8\uB450 \uAD00\uB9AC. )
+	
+	- pencil.signal.ts (frontend\uC758 fetch\uB97C \uC5F4\uC5B4\uC8FC\uB294 \uC77C\uC885\uC758 \uCC3D\uAD6C, \uAD8C\uD55C\uAD00\uB9AC\uB4F1\uC744 \uD568 nestjs\uC758 resolver\uC640 \uC720\uC0AC )
+	
+	- pencil.service.ts (\uC2E4\uC9C8\uC801\uC778 \uC11C\uBE44\uC2A4 \uCF54\uB4DC\uB97C \uC791\uC131\uD558\uB294 \uACF3. \uAC01\uC885 \uBE44\uC988\uB2C8\uC2A4 \uB85C\uC9C1\uC744 \uCC98\uB9AC\uD568.)
+	
+	- pencil.store.ts (pencil field\uC5D0 \uB300\uD55C \uC0C1\uD0DC\uAD00\uB9AC \uC800\uC7A5\uC18C.)
+	
+	- pencil.Zone.tsx (\uC544\uB798 Templete, Unit, Util, View, Util\uB4F1\uC744 \uC870\uD569\uD574\uC11C \uB2E4\uC74C \uB808\uBCA8 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uC791\uC131\uD558\uB294 \uACF3 client component\uB85C \uC815\uC758\uB428. )
+	
+	- pencil.Templete.tsx (\uC8FC\uB85C edit\uC5D0 \uC5F0\uAD00\uB41C \uCEF4\uD3EC\uB10C\uD2B8 \uC815\uC758\uD558\uB294 \uACF3. client component\uB85C \uC815\uC758\uB428. )
+	
+	- pencil.Unit.tsx (list \uCC98\uB7FC \uBCF5\uC218\uAC1C\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uC815\uC758\uD558\uB294 \uACF3. server component\uB85C \uC815\uC758\uB428. )
+	
+	- pencil.Util.tsx (Action \uBC84\uD2BC\uC744 \uC815\uC758\uD558\uB294 \uACF3. client component\uB85C \uC815\uC758\uB428. )
+	
+	- pencil.View.tsx (\uB2E8\uC77C view \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uC815\uC758\uD558\uB294 \uACF3. server component\uB85C \uC815\uC758\uB428. )
+	
+	  
+	  
+	
+	\uC5EC\uAE30\uC11C constant\uC5D0 \uC815\uC758 \uB418\uC5B4\uC788\uB294 schema\uB97C \uAE30\uBCF8\uC73C\uB85C \uD574\uC11C \uAC01 document, dictionary, signal, service, store\uB97C \uC0DD\uC131\uD574.
+	
+	  
+	
+	document, signal, service\uB294 \uBC31\uC5D4\uB4DC\uC640 \uC5F0\uAD00\uB418\uC5B4\uC788\uB294 \uC18C\uC2A4\uCF54\uB4DC\uC57C.
+	
+	\uC11C\uB85C\uAC04\uC758 \uAD00\uACC4\uB294 \uC8FC\uB85C signal\uC5D0\uC11C \uAC00\uC7A5 \uBA3C\uC800 \uC694\uCCAD\uC744 \uBC1B\uACE0 \uC774\uD6C4 \uB85C\uC9C1\uC758 \uBCF5\uC7A1\uB3C4\uC5D0 \uB530\uB77C\uC11C service\uB85C \uCC98\uB9AC\uD560 \uC9C0, docuemnt\uB85C \uCC98\uB9AC\uD560 \uC9C0\uB97C \uACB0\uC815\uD574.
+	
+	signal - document
+	
+	signal - service - document
+	
+	  
+	
+	store\uB294 \uD504\uB860\uD2B8\uC5D4\uB4DC\uC5D0\uC11C \uC0C1\uD0DC\uAD00\uB9AC\uB97C \uD560 \uB54C \uC0AC\uC6A9\uB3FC.
+	
+	\uC6B0\uB9AC\uB294 signal\uC758 \uCF54\uB4DC\uB85C \uB098\uC628 \uBA54\uD0C0\uB370\uC774\uD130\uB97C \uC774\uC6A9\uD574\uC11C store\uC5D0\uC11C \uD754\uD788 \uC0AC\uC6A9\uB420\uB9CC\uD55C \uD568\uC218\uB4E4\uC744 \uBBF8\uB9AC \uC815\uC758\uD558\uAC8C\uB054 \uB9CC\uB4E4\uC5C8\uC5B4.
+	
+	  
+	
+	\uC774\uB807\uAC8C 11\uAC1C\uC758 \uD30C\uC77C\uB85C \uAD6C\uBD84\uD574\uC11C \uC815\uC758\uAC00 \uB3FC.
+	
+	\uC9C0\uAE08\uBD80\uD134 \uD55C \uD30C\uC77C\uB4E4\uB9C8\uB2E4 \uC0C1\uC138\uD55C \uC124\uBA85\uC744 \uD574\uC904\uAC8C.
+	
+	  
+	
+	model.constant.ts
+	
+	  
+	
+	constant\uB294 \uAE30\uBCF8 \uC2A4\uD0A4\uB9C8\uAC00 \uAD6C\uC131\uB418\uB294 \uACF3\uC774\uC57C. \uADF8\uB798\uC11C \uC774 \uACF3\uC5D0\uC11C DB \uC2A4\uD0A4\uB9C8, \uCFFC\uB9AC, \uC815\uB82C \uAD6C\uBB38\uC744 \uC815\uC758\uD574.
+	
+	\uC8FC\uC758\uD574\uC57C\uD560 \uAC74 decorator\uC5D0\uC11C \uC815\uC758\uD558\uB294 \uD0C0\uC785\uACFC \uC544\uB798\uC5D0 \uC815\uC758\uD558\uB294 \uD0C0\uC785\uC774 \uC57D\uAC04 \uB2E4\uB97C \uC218 \uC788\uC5B4
+	
+	\uC608\uB97C \uB4E4\uC5B4 decorator\uC5D0\uC11C\uB294 Int\uB85C \uC815\uC758\uD558\uACE0 constant\uC5D0\uC11C\uB294 number\uB85C \uC815\uC758\uD574\uC57C\uD574.
+	
+	\uCD94\uAC00\uB85C createdAt\uACFC updatedAt, status\uB294 \uAE30\uBCF8\uC801\uC73C\uB85C \uC0DD\uC131\uB418\uB294 \uD544\uB4DC\uC774\uB2C8\uAE4C \uB530\uB85C \uC815\uC758\uD558\uC9C0 \uC54A\uC544\uB3C4 \uB3FC.
+	
+	\uC774\uB294 decorator\uC5D0\uC11C\uB294 GraphQL\uC5D0\uC11C \uC0AC\uC6A9\uD560 \uD0C0\uC785\uC744 \uC815\uC758\uD558\uACE0 constant\uC5D0\uC11C\uB294 \uC2E4\uC81C \uD0C0\uC785\uC744 \uC815\uC758\uD558\uB294 \uAC70\uC9C0.
+	
+	  
+	
+	\`\`\`
+	
+	import { enumOf, Int } from "@akanjs/base";
+	
+	import { Field, Filter, Model, sortOf, via } from "@akanjs/constant";
+	
+	  
+	
+	export const \${dict.Model}Statuses = ["active"] as const;
+	
+	export type \${dict.Model}Status = (typeof \${dict.Model}Statuses)[number];
+	
+	  
+	
+	//\uB370\uC774\uD130\uB97C \uB9CC\uB4E4 \uB54C \uD544\uC694\uD55C \uB370\uC774\uD130 \uD0C0\uC785\uC744 \uC815\uC758\uD558\uB294 \uACF3
+	
+	@Model.Input("\${dict.Model}Input")
+	
+	export class \${dict.Model}Input {{
+	
+	@Field.Prop(() => String)
+	
+	field: string;
+	
+	  
+	
+	@Field.Prop(() => Int, {{ nullable: true }})
+	
+	fieldInt: number | null;
+	
+	  
+	
+	@Field.Prop(() => Date, {{default: dayjs()}})
+	
+	fieldInt: Dayjs;
+	
+	}}
+	
+	  
+	
+	//\uB370\uC774\uD130\uAC00 \uB9CC\uB4E4\uC5B4\uC9C4 \uC774\uD6C4 \uC0DD\uC131\uB418\uAC70\uB098 \uC800\uC7A5\uC73C\uB85C \uCD94\uAC00\uD560 \uC218 \uC788\uB294 \uACF3
+	
+	@Model.Object("\${dict.Model}Object")
+	
+	export class \${dict.Model}Object extends via(\${dict.Model}Input) {
+	
+	@Field.Prop(() => String, {{ enum: \${dict.Model}Statuses, default: "active" }})
+	
+	status: \${dict.Model}Status;
+	
+	}}
+	
+	  
+	
+	//\uB370\uC774\uD130\uB97C \uB9AC\uC2A4\uD2B8\uB85C \uBCF4\uC5EC\uC904 \uB54C \uD544\uC694\uD55C \uB370\uC774\uD130\uB9CC \uC81C\uACF5\uD558\uB294 \uACF3
+	
+	@Model.Light("Light\${dict.Model}")
+	
+	export class Light\${dict.Model} extends via(\${dict.Model}Object, [
+	
+	"field",
+	
+	"status",
+	
+	] as const) {}
+	
+	  
+	
+	//\uCD5C\uC885 \uB370\uC774\uD130\uC758 Full \uD0C0\uC785\uC774 \uC815\uC758\uB418\uB294 \uACF3
+	
+	@Model.Full("\${dict.Model}")
+	
+	export class \${dict.Model} extends via(\${dict.Model}Object, Light\${dict.Model}) {}
+	
+	  
+	
+	//\uB370\uC774\uD130\uC758 \uC778\uC0AC\uC774\uD2B8\uB97C \uCE21\uC815\uD558\uAE30 \uC704\uD574\uC11C \uD544\uC694\uD55C \uB370\uC774\uD130\uB97C \uC815\uC758\uD558\uB294 \uACF3
+	
+	@Model.Insight("\${dict.Model}Insight")
+	
+	export class \${dict.Model}Insight {{
+	
+	@Field.Prop(() => Int, {{ default: 0, accumulate: {{ $sum: 1 }} }})
+	
+	count: number;
+	
+	}}
+	
+	  
+	
+	//\uB370\uC774\uD130\uC758 \uD1B5\uACC4\uB97C \uACC4\uC0B0\uD558\uB294 \uACF3
+	
+	@Model.Summary("\${dict.Model}Summary")
+	
+	export class \${dict.Model}Summary {{
+	
+	@Field.Prop(() => Int, {{ min: 0, default: 0, query: {{ status: {{}} }} }})
+	
+	total\${dict.Model}: number;
+	
+	}}
+	
+	  
+	
+	@Model.Filter("\${dict.Model}Filter")
+	
+	export class \${dict.Model}Filter extends sortOf(\${dict.Model}, {}) {}
+	
+	\`\`\`
+	
+	  
+	  
+	
+	model.dictonary.ts
+	
+	\`\`\`
+	
+	import {
+	
+	baseTrans,
+	
+	getBaseSignalTrans,
+	
+	ModelDictionary,
+	
+	SignalDictionary,
+	
+	SummaryDictionary,
+	
+	} from "@akanjs/dictionary";
+	
+	  
+	
+	import type { \${dict.Model}, \${dict.Model}Filter, \${dict.Model}Insight, \${dict.Model}Summary } from "./\${dict.model}.constant";
+	
+	import type { \${dict.Model}Signal } from "./\${dict.model}.signal";
+	
+	  
+	
+	const modelDictionary = {{
+	
+	...baseTrans,
+	
+	modelName: ["\${dict.Model}", "\${dict.Model}"],
+	
+	modelDesc: [
+	
+	"\${dict.Model} description",
+	
+	"\${dict.Model} \uC124\uBA85",
+	
+	],
+	
+	  
+	
+	// * ==================== Model ==================== * //
+	
+	field: ["Field", "\uD544\uB4DC"],
+	
+	"desc-field": ["Field", "\uD544\uB4DC"],
+	
+	// * ==================== Model ==================== * //
+	
+	  
+	
+	// * ==================== Insight ==================== * //
+	
+	count: ["Count", "\uAC1C\uC218"],
+	
+	"desc-count": ["\${dict.Model} count in current query settting", "\uD604\uC7AC \uCFFC\uB9AC \uC124\uC815\uC5D0 \uB9DE\uB294 \${dict.Model} \uC218"],
+	
+	// * ==================== Insight ==================== * //
+	
+	  
+	
+	// * ==================== Filter ==================== * //
+	
+	// * ==================== Filter ==================== * //
+	
+	  
+	
+	// * ==================== Etc ==================== * //
+	
+	"enum-status-active": ["Active", "\uD65C\uC131"],
+	
+	"enumdesc-status-active": ["Active status", "\uD65C\uC131 \uC0C1\uD0DC"],
+	
+	// * ==================== Etc ==================== * //
+	
+	}} satisfies ModelDictionary<\${dict.Model}, \${dict.Model}Insight, typeof \${dict.Model}Sort>;
+	
+	  
+	
+	export const \${dict.Model}SummaryDictionary = {{
+	
+	// * ==================== Summary ==================== * //
+	
+	total\${dict.Model}: ["Total \${dict.Model}", "\uCD1D \${dict.Model} \uC218"],
+	
+	"desc-total\${dict.Model}": ["Total \${dict.Model} count in the database", "\uB370\uC774\uD130\uBCA0\uC774\uC2A4\uC5D0 \uC800\uC7A5\uB41C \uCD1D \${dict.Model} \uC218"],
+	
+	// * ==================== Summary ==================== * //
+	
+	}} satisfies SummaryDictionary<\${dict.Model}Summary>;
+	
+	  
+	
+	const signalDictionary = {{
+	
+	...getBaseSignalTrans("\${dict.Model}" as const),
+	
+	// * ==================== Endpoint ==================== * //
+	
+	"api-\${dict.Model}ListInPublic": ["\${dict.Model} List In Public", "\uACF5\uAC1C\uB41C \${dict.Model} \uB9AC\uC2A4\uD2B8"],
+	
+	"apidesc-\${dict.Model}ListInPublic": ["Get a list of public \${dict.Model}", "\uACF5\uAC1C\uB41C \${dict.Model}\uC758 \uB9AC\uC2A4\uD2B8\uB97C \uAC00\uC838\uC635\uB2C8\uB2E4"],
+	
+	"arg-\${dict.Model}ListInPublic-statuses": ["Statuses", "\uC0C1\uD0DC"],
+	
+	"argdesc-\${dict.Model}ListInPublic-statuses": ["Statuses to filter", "\uD544\uD130\uB9C1\uD560 \uC0C1\uD0DC"],
+	
+	"arg-\${dict.Model}ListInPublic-skip": ["Skip", "\uAC74\uB108\uB6F0\uAE30"],
+	
+	"argdesc-\${dict.Model}ListInPublic-skip": ["Number of items to skip", "\uAC74\uB108\uB6F8 \uC544\uC774\uD15C \uC218"],
+	
+	"arg-\${dict.Model}ListInPublic-limit": ["Limit", "\uC81C\uD55C"],
+	
+	"argdesc-\${dict.Model}ListInPublic-limit": ["Maximum number of items to return", "\uBC18\uD658\uD560 \uCD5C\uB300 \uC544\uC774\uD15C \uC218"],
+	
+	"arg-\${dict.Model}ListInPublic-sort": ["Sort", "\uC815\uB82C"],
+	
+	"argdesc-\${dict.Model}ListInPublic-sort": ["Sort order of the items", "\uC544\uC774\uD15C\uC758 \uC815\uB82C \uC21C\uC11C"],
+	
+	  
+	
+	"api-\${dict.Model}InsightInPublic": ["\${dict.Model} Insight In Public", "\uACF5\uAC1C\uB41C \${dict.Model} \uC778\uC0AC\uC774\uD2B8"],
+	
+	"apidesc-\${dict.Model}InsightInPublic": [
+	
+	"Get insight data for public \${dict.Model}",
+	
+	"\uACF5\uAC1C\uB41C \${dict.Model}\uC5D0 \uB300\uD55C \uC778\uC0AC\uC774\uD2B8 \uB370\uC774\uD130\uB97C \uAC00\uC838\uC635\uB2C8\uB2E4",
+	
+	],
+	
+	"arg-\${dict.Model}InsightInPublic-statuses": ["Statuses", "\uC0C1\uD0DC"],
+	
+	"argdesc-\${dict.Model}InsightInPublic-statuses": ["Statuses to filter", "\uD544\uD130\uB9C1\uD560 \uC0C1\uD0DC"],
+	
+	// * ==================== Endpoint ==================== * //
+	
+	}} satisfies SignalDictionary<\${dict.Model}Signal, \${dict.Model}>;
+	
+	\`\`\`
+	
+	export const \${dict.model}Dictionary = {{ ...modelDictionary, ...signalDictionary }};
+	
+	  
+	  
+	  
+	
+	model.document.ts
+	
+	\`\`\`
+	
+	import { beyond, by, Database, into, type SchemaOf } from "@akanjs/document";
+	
+	  
+	
+	import { cnst } from "../cnst";
+	
+	@Database.Input(() => cnst.\${dict.Model}Input)
+	
+	export class \${dict.Model}Input extends by(cnst.\${dict.Model}Input) {}
+	
+	  
+	
+	@Database.Document(() => cnst.\${dict.Model})
+	
+	export class \${dict.Model} extends by(cnst.\${dict.Model}) {}
+	
+	  
+	
+	@Database.Model(() => cnst.\${dict.Model})
+	
+	export class \${dict.Model}Model extends into(\${dict.Model}, cnst.\${dict.Model}Cnst) {
+	
+	async getSummary(): Promise<cnst.\${dict.Model}Summary> {
+	
+	return {
+	
+	...(await this.getDefaultSummary()),
+	
+	};
+	
+	}
+	
+	}
+	
+	  
+	
+	@Database.Middleware(() => cnst.\${dict.Model})
+	
+	export class \${dict.Model}Middleware extends beyond(\${dict.Model}Model, \${dict.Model}) {
+	
+	onSchema(schema: SchemaOf<\${dict.Model}Model, \${dict.Model}>) {
+	
+	// schema.index({ status: 1 })
+	
+	}
+	
+	}
+	
+	\`\`\`
+	
+	  
+	  
+	
+	model.signal.ts
+	
+	\`\`\`
+	
+	import { Int } from "@akanjs/base";
+	
+	import { SortOf } from "@akanjs/constant";
+	
+	import { Arg, DbSignal, Mutation, Query, resolve, Signal } from "@akanjs/signal";
+	
+	  
+	
+	import { cnst, Srvs } from "../cnst";
+	
+	  
+	
+	@Signal(() => cnst.\${dict.Model})
+	
+	export class \${dict.Model}Signal extends DbSignal(cnst.\${dict.model}Cnst, Srvs, {
+	
+	guards: { get: Query.Public, cru: Mutation.Public },
+	
+	}) {
+	
+	// * /////////////////////////////////////
+	
+	// * Public Slice
+	
+	@Query.Public(() => [cnst.\${dict.Model}])
+	
+	async \${dict.model}ListInPublic(
+	
+	@Arg.Query("statuses", () => [String], { nullable: true }) statuses: cnst.\${dict.Model}Status[] | null,
+	
+	@Arg.Query("skip", () => Int, { nullable: true }) skip: number | null,
+	
+	@Arg.Query("limit", () => Int, { nullable: true }) limit: number | null,
+	
+	@Arg.Query("sort", () => String, { nullable: true }) sort: SortOf<cnst.\${dict.Model}Filter> | null
+	
+	) {
+	
+	const \${dict.models} = await this.\${dict.model}Service.listByStatuses(statuses, { skip, limit, sort });
+	
+	return resolve<cnst.\${dict.Model}[]>(\${dict.models});
+	
+	}
+	
+	@Query.Public(() => cnst.\${dict.Model}Insight)
+	
+	async \${dict.model}InsightInPublic(
+	
+	@Arg.Query("statuses", () => [String], { nullable: true }) statuses: cnst.\${dict.Model}Status[] | null
+	
+	) {
+	
+	const \${dict.model}Insight = await this.\${dict.model}Service.insightByStatuses(statuses);
+	
+	return resolve<cnst.\${dict.Model}Insight>(\${dict.model}Insight);
+	
+	}
+	
+	// * Public Slice
+	
+	// * /////////////////////////////////////
+	
+	}
+	
+	\`\`\`
+	
+	  
+	  
+	
+	model.service.ts
+	
+	\`\`\`
+	
+	import { DbService, Service } from "@akanjs/service";
+	
+	  
+	
+	import { cnst } from "../cnst";
+	
+	import * as db from "../db";
+	
+	  
+	
+	@Service("\${dict.Model}Service")
+	
+	export class \${dict.Model}Service extends DbService(db.\${dict.Model}Db) {
+	
+	async summarize(): Promise<cnst.\${dict.Model}Summary> {
+	
+	return {
+	
+	...(await this.\${dict.Model}Model.getSummary()),
+	
+	};
+	
+	}
+	
+	}
+	
+	\`\`\`
+	
+	  
+	  
+	
+	model.store.ts
+	
+	\`\`\`
+	
+	import { stateOf, Store } from "@akanjs/store";
+	
+	  
+	
+	import { cnst } from "../cnst";
+	
+	import { fetch } from "../fetch";
+	
+	  
+	
+	@Store(() => cnst.\${dict.Model})
+	
+	export class \${dict.Model}Store extends stateOf(fetch.\${dict.model}Gql, {
+	
+	// state
+	
+	}) {
+	
+	// action
+	
+	}
+	
+	\`\`\`
+	
+	  
+	  
+	
+	model.Zone.tsx
+	
+	\`\`\`
+	
+	"use client";
+	
+	import { Data, Load } from "@shared/ui";
+	
+	import { ModelsProps } from "@akanjs/client";
+	
+	import { cnst, \${dict.Model} } from "@\${dict.appName}/client";
+	
+	import { ClientInit, ClientView, DefaultOf } from "@akanjs/signal";
+	
+	  
+	
+	export const Admin = ({ sliceName = "\${dict.model}", init, query }: ModelsProps<cnst.\${dict.Model}>>) => {
+	
+	return (
+	
+	<Data.ListContainer
+	
+	init={init}
+	
+	query={query}
+	
+	sliceName={sliceName}
+	
+	renderItem={\${dict.Model}.Unit.Card}
+	
+	renderDashboard={\${dict.Model}.Util.Stat}
+	
+	renderInsight={\${dict.Model}.Util.Insight}
+	
+	renderTemplate={\${dict.Model}.Template.General}
+	
+	renderTitle={(\${dict.model}: DefaultOf<cnst.\${dict.Model}>>) => \`\${dict.Model} - \${\${dict.model}.id ? \${dict.model}.id : "New"}\`}
+	
+	renderView={(\${dict.model}: cnst.\${dict.Model}>) => <\${dict.Model}.View.General \${dict.model}={\${dict.model}} />}
+	
+	columns={[
+	
+	"id",
+	
+	"status",
+	
+	"createdAt",
+	
+	"updatedAt",
+	
+	]}
+	
+	actions={(\${dict.model}: cnst.Light\${dict.Model}, idx) => ["remove", "edit", "view"]}
+	
+	/>
+	
+	);
+	
+	};
+	
+	  
+	
+	interface CardProps {
+	
+	className?: string;
+	
+	init: ClientInit<"\${dict.model}", cnst.Light\${dict.Model}>;
+	
+	}
+	
+	export const Card = ({ className, init }: CardProps) => {
+	
+	return (
+	
+	<Load.Units
+	
+	className={className}
+	
+	init={init}
+	
+	renderItem={(\${dict.model}: cnst.Light\${dict.Model}) => (
+	
+	<\${dict.Model}.Unit.Card key={\${dict.model}.id} href={\`/\${dict.model}/\${\${dict.model}.id}\`} \${dict.model}={\${dict.model}} />
+	
+	)}
+	
+	/>
+	
+	);
+	
+	};
+	
+	  
+	
+	interface ViewProps {
+	
+	className?: string;
+	
+	view: ClientView<"\${dict.model}", cnst.\${dict.Model}>;
+	
+	}
+	
+	export const View = ({ view }: ViewProps) => {
+	
+	return <Load.View view={view} renderView={(\${dict.model}) => <\${dict.Model}.View.General \${dict.model}={\${dict.model}} />} />;
+	
+	};
+	
+	\`\`\`
+	
+	  
+	
+	model.Templete.tsx
+	
+	\`\`\`
+	
+	"use client";
+	
+	import { cnst, st, usePage } from "@\${dict.appName}/client";
+	
+	import { Field } from "@shared/ui";
+	
+	import { Layout } from "@util/ui";
+	
+	  
+	
+	interface \${dict.Model}EditProps {
+	
+	\${dict.model}Id?: string | null;
+	
+	}
+	
+	  
+	
+	export const General = ({ \${dict.model}Id = undefined }: \${dict.Model}EditProps) => {
+	
+	const \${dict.model}Form = st.use.\${dict.model}Form();
+	
+	const { l } = usePage();
+	
+	return (
+	
+	<Layout.Template>
+	
+	<Field.Text
+	
+	label={l.field("\${dict.model}", "id")}
+	
+	desc={l.desc("\${dict.model}", "id")}
+	
+	value={\${dict.model}Form.id}
+	
+	onChange={st.do.setIdOn\${dict.Model}}
+	
+	/>
+	
+	</Layout.Template>
+	
+	);
+	
+	};
+	
+	\`\`\`
+	
+	  
+	  
+	
+	model.Unit.tsx
+	
+	\`\`\`
+	
+	import { ModelProps } from "@akanjs/client";
+	
+	import { cnst, \${dict.Model} } from "@\${dict.appName}/client";
+	
+	import { Link } from "@util/ui";
+	
+	  
+	
+	export const Card = ({ \${dict.model}, href }: ModelProps<"\${dict.model}", cnst.Light\${dict.Model}>>) => {
+	
+	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>
+	
+	</Link>
+	
+	);
+	
+	};
+	
+	\`\`\`
+	
+	  
+	  
+	
+	model.Util.tsx
+	
+	\`\`\`
+	
+	"use client";
+	
+	import { ModelDashboardProps, ModelInsightProps } from "@akanjs/client";
+	
+	import { getQueryMap } from "@akanjs/constant";
+	
+	import { cnst } from "@\${dict.appName}/client";
+	
+	import { Data } from "@shared/ui";
+	
+	  
+	
+	export const Stat = ({
+	
+	className,
+	
+	summary,
+	
+	sliceName = "\${dict.model}",
+	
+	queryMap = getQueryMap(cnst.\${dict.Model}Summary),
+	
+	hidePresents,
+	
+	}: ModelDashboardProps<cnst.Summary>) => {
+	
+	return (
+	
+	<Data.Dashboard
+	
+	className={className}
+	
+	summary={summary}
+	
+	sliceName={sliceName}
+	
+	queryMap={queryMap}
+	
+	columns={["total\${dict.Model}"]}
+	
+	hidePresents={hidePresents}
+	
+	/>
+	
+	);
+	
+	};
+	
+	  
+	
+	export const Insight = ({
+	
+	className,
+	
+	insight,
+	
+	sliceName = "\${dict.model}",
+	
+	}: ModelInsightProps<cnst.\${dict.Model}Insight>) => {
+	
+	return (
+	
+	<Data.Insight
+	
+	className={className}
+	
+	insight={insight}
+	
+	sliceName={sliceName}
+	
+	columns={["count"]}
+	
+	/>
+	
+	);
+	
+	};
+	
+	\`\`\`
+	
+	  
+	  
+	
+	model.View.tsx
+	
+	\`\`\`
+	
+	import { clsx } from "@akanjs/client";
+	
+	import { cnst } from "@\${dict.appName}/client";
+	
+	import { Image } from "@util/ui";
+	
+	  
+	
+	interface \${dict.Model}ViewProps {
+	
+	className?: string;
+	
+	\${dict.model}: cnst.\${dict.Model};
+	
+	self?: { id?: string } | null;
+	
+	}
+	
+	  
+	
+	export const General = ({ className, \${dict.model}, self }: \${dict.Model}ViewProps) => {
+	
+	return (
+	
+	<div className={clsx(className, "animate-fadeIn w-full")}>
+	
+	<div>{\${dict.model}.id}</div>
+	
+	</div>
+	
+	);
+	
+	};
+	
+	\`\`\`
+	
+	\uC774\uB7F0\uC2DD\uC73C\uB85C \uC6B0\uB9AC\uAC00 \uC9C1\uC811 \uB9CC\uB4E0 \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uAE30\uBC18\uD574\uC11C db\uC640 \uC11C\uBE44\uC2A4 \uC2A4\uD1A0\uC5B4\uAE4C\uC9C0 \uBAA8\uB450 \uC5F0\uB3D9\uD574\uC11C \uD558\uB098\uC758 \uBAA8\uB378\uC5D0 \uB9DE\uAC8C\uB054 \uBAA8\uB4C8\uC744 \uD55C \uD3F4\uB354\uC5D0\uC11C \uC791\uC5C5\uD560 \uC218 \uC788\uAC8C\uB054 \uAD6C\uC870\uB97C \uB9CC\uB4E4\uC5C8\uC5B4.
+	
+	  
+	
+	\uC77C\uB2E8 \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uB300\uD55C \uC124\uBA85\uC740 \uC774 \uC815\uB3C4\uB85C \uD558\uACE0 \uC774 \uC815\uBCF4\uB4E4\uC744 \uAE30\uBC18\uC73C\uB85C \uB0B4\uAC00 \uC6D0\uD558\uB294 \uC694\uAD6C\uB97C \uB4E4\uC5B4\uC918.
+	
+	`;
 var moduleDesription = `
 
 The project follows a modular architecture with clear separation of concerns. Each module in lib/<model>/ represents a domain
@@ -2921,23 +3430,29 @@ entity with a standardized file structure that promotes consistency and maintain
 ## Core Components
 
 ### <Model>.View.tsx
-Presentation-only components that render data without managing state. 
-It works as a server component, They accept model data as props and display it according to specific layouts.
-These components focus purely on how data looks to the user. 
-only use the full model.
-This component is only viewing the component. So don't use click event or other interaction events.
-If you need interaction, possible to wrapping the component with the <Model>.Zone.tsx component.
-But useable the Link component for navigation.
-Components created in Model.View.tsx should primarily be made to show the entire detailed data of the model rather than showing only partial data of the model.
-
+  - Core Purpose: Presentation-only components that render data
+  - Execution Context: Works as a server component
+  - State Management: Does not manage internal state
+  - Data Handling: Accepts model data as props and displays it according to specific layouts
+  - Primary Focus: Focuses purely on how data looks to the user
+  - Model Usage: Only uses the full model
+  - Interaction Restrictions: No click events or other interaction events
+  - Interaction Extension: If interaction is needed, wrap with <Model>.Zone.tsx component
+  - Navigation: Link component can be used for navigation purposes
+  - Full Model Rendering: Implements complete rendering of the entire model data structure, ensuring all properties and relationships within the model are displayed rather than selecting only partial attributes
 
 ### <Model>.Template.tsx
 Reusable layout patterns with integrated state management. It works as a client component, These components provide consistent UI patterns and handle data
 binding, often using store hooks to access application state.
 
 ### <Model>.Unit.tsx
-Small, self-contained UI components representing individual model instances. It works as a server component, They're designed for rendering single items in
-lists or grids, displaying model data in compact formats. only use the light model.
+  - Single Component Export: Each file exports one Card component for displaying model data
+  - Server-Side Rendered: React Server Components without "use client" directive
+  - Type-Safe Props: Uses ModelProps<"modelName", cnst.LightModel> interface
+  - Optional Navigation: useable Link component for navigation in util/ui
+  - Tailwind Styling: Universal use of Tailwind CSS with DaisyUI classes
+  - Model Data Display: Direct access to typed model properties and methods
+
 
 ### <Model>.Zone.tsx
 Top-level container components that orchestrate other components. It works as a client component, They compose views, templates, and units into complete UI
@@ -2981,6 +3496,7 @@ var utilUiDescription = `
   The libs/util/ui directory contains a comprehensive React component library designed for modern web applications. 
   This framework provides a complete set of production-ready, reusable UI components with consistent styling, type safety, and advanced functionality.
 
+  [Strict caution]
   - Every component must be used exactly as described in the documentation.
   - Do not add any additional props to the components.
   - Must use the written props exactly.
@@ -2992,7 +3508,7 @@ var utilUiDescription = `
 
   Core Technologies:
   - Built on React 18+ with TypeScript for strict type safety
-  - Styled with Tailwind CSS and DaisyUI for consistent design system
+  - Styled based on Tailwind CSS and DaisyUI base for a consistent design system.
   - Implements modern React patterns including hooks, context providers, and portals
   - Full internationalization (i18n) support for multilingual applications
   - Responsive-first design with mobile optimization
@@ -3816,13 +4332,13 @@ var requestView = ({
 1. Akan.js \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uB300\uD55C \uAC1C\uC694
 ${frameworkAbstract}
 
-2. Akan.js\uD504\uB808\uC784\uC6CC\uD06C \uB370\uC774\uD130 \uAE30\uBC18 \uBAA8\uB4C8\uC5D0 \uB300\uD55C \uAC1C\uC694
+2. Akan.js\uD504\uB808\uC784\uC6CC\uD06C \uB370\uC774\uD130 \uAE30\uBC18 \uBAA8\uB4C8\uC5D0 \uB300\uD55C \uC124\uBA85
 ${moduleDesription}
 
-3. Akan.js eslint \uC124\uC815\uC5D0 \uB300\uD55C \uAC1C\uC694
+3. Akan.js eslint \uC124\uC815\uC5D0 \uB300\uD55C \uC124\uBA85
 ${eslintDescription}
 
-4. util/ui \uB0B4 ui\uD0B7\uC5D0 \uB300\uD55C \uAC1C\uC694
+4. util/ui \uB0B4 ui\uD0B7\uC5D0 \uB300\uD55C \uC124\uBA85
 ${utilUiDescription}
 
 
@@ -3843,40 +4359,142 @@ ${properties.map(
 ).join("\n\n")}
 
 
-  7. \uC608\uC2DC \uD30C\uC77C\uB4E4
-  ${exampleFiles.map(
+7. \uC608\uC2DC \uD30C\uC77C\uB4E4
+${exampleFiles.map(
   (example) => `
-    Example filename: ${example.filepath}
-    \`\`\`
-    ${example.content}
-    \`\`\`
-  `
+  Example filename: ${example.filepath}
+  \`\`\`
+  ${example.content}
+  \`\`\`
+`
 ).join("\n\n")}
 
 
 
+
+
+
+  \uC5ED\uD560\uBD80\uC5EC 
+  - Akan.js \uC0AC\uB0B4 \uD504\uB808\uC784\uC6CC\uD06C \uAE30\uBC18 Typescript \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C
+
+  \uCF54\uB529 \uADDC\uCE59
+    - \uB77C\uC774\uBE0C\uB7EC\uB9AC \uC0AC\uC6A9
+    - \uC544\uC774\uCF58: react-icons \uB77C\uC774\uBE0C\uB7EC\uB9AC \uC0AC\uC6A9
+    - CSS: DaisyUI (btn, input, badge \uAC19\uC740 \uAE30\uBCF8 \uC694\uC18C\uB9CC \uC0AC\uC6A9 \uAC00\uB2A5, card/hero \uAC19\uC740 \uBCF5\uC7A1\uD55C \uCEF4\uD3EC\uB10C\uD2B8 \uC0AC\uC6A9 \uBD88\uAC00)
+    - \uC870\uAC74\uBD80 \uD074\uB798\uC2A4: clsx \uB77C\uC774\uBE0C\uB7EC\uB9AC \uC0AC\uC6A9
+  \uCF54\uB4DC \uC2A4\uD0C0\uC77C
+    - \uC0C9\uC0C1: \uD558\uB4DC\uCF54\uB529(bg-red) \uB300\uC2E0 \uD14C\uB9C8 \uC0C9\uC0C1(bg-primary) \uC0AC\uC6A9
+    - \uC870\uAC74\uBD80 \uB80C\uB354\uB9C1: field && <div>... \uB300\uC2E0 field ? <div>... : null \uC0AC\uC6A9
+    - \uBAA8\uB378 \uC811\uADFC: \uAD6C\uC870\uBD84\uD574\uD560\uB2F9 \uB300\uC2E0 ${modelName}.field \uD615\uC2DD\uC73C\uB85C \uC811\uADFC
+    - \uD0C0\uC785 \uC548\uC804: ${modelName}.constant.ts\uC758 \uC2A4\uD0A4\uB9C8 \uCC38\uC870\uD558\uC5EC \uC5D0\uB7EC \uBC29\uC9C0
+  \uD544\uB4DC \uC811\uADFC \uC804: \uC2A4\uD0A4\uB9C8\uC758 \uC2E4\uC81C \uD544\uB4DC \uB9AC\uC2A4\uD2B8 \uC791\uC131 \uBC0F \uAC80\uD1A0 \uD544\uC218
+  
+  \uC5C4\uACA9\uD55C \uC8FC\uC758\uC0AC\uD56D
+    - UI \uD0B7\uC740 \uBB38\uC11C\uC5D0 \uBA85\uC2DC\uB41C \uCEF4\uD3EC\uB10C\uD2B8\uB9CC \uC0AC\uC6A9
+    - \uCEF4\uD3EC\uB10C\uD2B8 \uC0AC\uC6A9 \uC804 \uBB38\uC11C \uD655\uC778 \uBC0F props \uC815\uD655\uD788 \uAC80\uC99D
+    - \uBA85\uC2DC\uB41C \uB8F0 \uC678 \uC784\uC758 \uCD94\uC0C1\uD654 \uAE08\uC9C0
+  
+  \uC694\uCCAD\uC0AC\uD56D
+  ${ModelName}.View.tsx \uCF54\uB4DC \uC791\uC131
+  \uCEF4\uD3EC\uB10C\uD2B8 \uC774\uB984\uC740 \uBAA8\uB378 \uC774\uB984\uC740 \uC81C\uC678\uD55C \uCEF4\uD3EC\uB10C\uD2B8\uC758 \uB514\uC790\uC778\uC5D0 \uCD08\uC810\uC744 \uB450\uACE0 \uC791\uC131
+  \uC77C\uBC18\uC801\uC73C\uB85C \uC0AC\uC6A9 \uAC00\uB2A5\uD55C General \uCEF4\uD3EC\uB10C\uD2B8 1\uAC1C\uB97C \uC81C\uC678\uD55C \uB514\uC790\uC778 \uCEF4\uD3EC\uB10C\uD2B8 4\uAC1C \uAC1C\uBC1C 
+  \uCD94\uC0C1\uD654 \uD574\uC57C\uD558\uB294 \uACBD\uC6B0\uAC00 \uC788\uC744 \uACBD\uC6B0\uC5D4 \uBB38\uC11C\uB97C \uB2E4\uC2DC \uCC38\uACE0\uD558\uACE0 \uC124\uBA85\uB41C \uB0B4\uC5D0\uC11C \uD574\uACB0\uD574\uC57C\uD568.
+
+
 Application name: ${sysName}
 Model name: ${modelName}
+
 Target filename: ${ModelName}.View.tsx
+  \`\`\`
+  
+  \`\`\`
 
+ 
+`;
+var requestUnit = ({
+  sysName,
+  modelName,
+  ModelName,
+  constant,
+  properties,
+  exampleFiles
+}) => `
+    
 
-\uB108\uB294 Akan.js\uB77C\uB294 \uC0AC\uB0B4 \uD504\uB808\uC784\uC6CC\uD06C\uB85C Typescript \uAE30\uBC18 \uD504\uB85C\uADF8\uB7A8\uC744 \uC791\uC131\uD558\uB294 \uC2DC\uB2C8\uC5B4 \uAC1C\uBC1C\uC790\uC57C.
-\uADF8 \uC911\uC5D0\uC11C\uB3C4 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790.  
-\uB9CC\uC57D\uC5D0 \uC544\uC774\uCF58 \uC0AC\uC6A9\uC774 \uD544\uC694\uD558\uBA74 react-icons \uB77C\uC774\uBE0C\uB7EC\uB9AC\uC5D0\uC11C \uC801\uD569\uD55C \uC544\uC774\uCF58\uC744 \uCC3E\uC544\uC11C \uC0AC\uC6A9\uD574\uC918.
-\uB610, \uC0C9\uC0C1\uC744 \uC0AC\uC6A9\uD558\uB824\uACE0 \uD558\uBA74 \uD558\uB4DC\uCF54\uB529\uB41C \uC0C9\uC0C1(bg-red)\uC774 \uC544\uB2CC \uD14C\uB9C8 \uC0C9\uC0C1(bg-primary)\uC744 \uC0AC\uC6A9\uD574\uC11C \uC791\uC131\uD574\uC918.
-\uADF8\uB9AC\uACE0 optional\uD55C \uD544\uB4DC\uB294 field && <div>... \uAC00 \uC544\uB2CC, field ? <div>... : null \uD615\uD0DC\uB85C \uC791\uC131\uD574\uC918.
-css\uB77C\uC774\uBE0C\uB7EC\uB9AC\uB294 DaisyUI\uB97C \uAE30\uBC18\uC73C\uB85C \uC791\uC131\uD574\uC8FC\uB294\uB370, btn, input, badge\uC640 \uAC19\uC740 \uB2E8\uC21C\uD55C \uAE30\uBCF8 css\uB294 \uC0AC\uC6A9\uD574\uB3C4 \uAD1C\uCC2E\uC544. \uADF8\uB7F0\uB370 card, hero\uAC19\uC774 \uBCF5\uC7A1\uD55C \uCEF4\uD3EC\uB10C\uD2B8\uB294 \uC0AC\uC6A9\uD558\uBA74 \uC548\uB3FC.
-\uBAA8\uB378\uC5D0 \uB300\uD574\uC11C object destructuring\uC740 \uD558\uC9C0\uB9D0\uACE0 ${modelName}.field \uD615\uD0DC\uB85C \uC811\uADFC\uD558\uACE0, \uD0C0\uC785\uC5D0 \uC5D0\uB7EC\uB294 \uC808\uB300\uB85C \uBC1C\uC0DD\uD558\uC9C0 \uC54A\uB3C4\uB85D ${modelName}.constant.ts\uC5D0 \uC791\uC131\uB418\uC788\uB294 \uC2A4\uD0A4\uB9C8\uB97C \uBCF4\uACE0 \uC791\uC131\uD574.
-\uC870\uAC74\uBD80 className\uC774 \uD544\uC694\uD55C \uACBD\uC6B0\uC5D0\uB294 clsx \uB77C\uC774\uBE0C\uB7EC\uB9AC\uB97C \uC0AC\uC6A9\uD574\uC57C\uB3FC.
-\uBAA8\uB4E0 \uBAA8\uB378 \uD544\uB4DC\uC5D0 \uC811\uADFC\uD558\uAE30 \uC804\uC5D0, \uAC01 \uC2A4\uD0A4\uB9C8\uC758 \uC2E4\uC81C \uD544\uB4DC \uB9AC\uC2A4\uD2B8\uB97C \uC791\uC131\uD558\uACE0 \uAC80\uD1A0\uD574. \uD2B9\uD788 \uC911\uCCA9\uB41C \uAC1D\uCCB4( ex) XXX.XXX.XXX )\uC5D0 \uC811\uADFC\uD560 \uB54C\uB294 \uB354\uC6B1 \uC8FC\uC758\uD574.
-\uB610\uD55C ${modelName}\uACFC \uC885\uC18D\uC131\uC774 \uC788\uB294 \uB2E4\uB978 \uBAA8\uB378\uB4E4\uC758 \uD0C0\uC785\uB4E4\uB3C4 \uBAA8\uB450 \uC704\uBC30\uD558\uC9C0\uB9D0\uACE0 \uC798 \uD30C\uC545\uD558\uACE0 \uC791\uC131\uD574.
-\uC704\uC5D0\uC11C \uC124\uBA85\uD55C \uBAA8\uB4E0 \uB8F0\uACFC \uC124\uBA85, \uD0C0\uC785\uC744 \uC808\uB300\uB85C \uC704\uBC30\uD558\uC9C0\uB9D0\uACE0 \uC798 \uD30C\uC545\uD558\uACE0 \uC791\uC131\uD574.(\uAC01 \uB370\uC774\uD130\uC758 \uD0C0\uC785, \uCEF4\uD3EC\uB10C\uD2B8\uC758 props\uB4F1...)
-\uC124\uBA85\uD55C \uB0B4\uC6A9 \uC774\uC678\uC5D0 \uB0B4\uC6A9\uC73C\uB85C \uB2C8\uAC00 \uCD94\uC0C1\uD574\uC11C \uC4F0\uC9C0\uB9D0\uACE0 \uC704\uC5D0 \uBA85\uC2DC\uB418\uC788\uB294 \uB8F0 \uC548\uC5D0\uC11C\uB9CC \uC791\uC131\uD574. \uC788\uC9C0\uB3C4 \uC54A\uC740 \uAC83\uB4E4 \uB9CC\uB4E4\uC5B4\uC11C \uCD94\uC0C1\uD654 \uC2DC\uCF1C\uC11C \uC790\uAFB8 \uC4F0\uB294 \uC77C\uC740 \uC808\uB300\uB85C \uD558\uC9C0\uB9C8.
-\uD2B9\uD788\uB098 \uBC29\uAE08 \uB9D0\uD55C \uC774 \uC704 \uB450 \uBB38\uC7A5\uC740 \uC808\uB300\uC801\uC73C\uB85C \uC9C0\uCF1C\uC57C \uD560 \uB8F0\uC774\uC57C \uC791\uC131\uD560 \uB54C \uD56D\uC0C1 \uC9C0\uD0A4\uACE0 \uB530\uB77C.
-${ModelName}.View.tsx \uCF54\uB4DC\uB97C \uC791\uC131\uD574\uC918. \uC77C\uBC18\uC801\uC73C\uB85C \uC0AC\uC6A9\uD560 \uC218 \uC788\uB294 \uB514\uC790\uC778\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uB97C 4\uAC1C \uC815\uB3C4 \uB9CC\uB4E4\uC5B4\uC918. (ex card, table...) 
-\uC608\uC2DC \uB4E4\uC5B4\uC92C\uB2E4\uACE0 \uC608\uC2DC\uB9CC \uB9CC\uB4E4\uC9C0 \uB9D0\uACE0 \uB2C8 \uC0DD\uAC01\uC5D0 \uC77C\uBC18\uC801\uC73C\uB85C \uC0AC\uC6A9\uD55C\uB2E4 \uD558\uB294 \uCEF4\uD3EC\uB10C\uD2B8\uB85C \uC0DD\uAC01\uD574\uC11C \uB9CC\uB4E4\uC5B4.
+1. Akan.js \uD504\uB808\uC784\uC6CC\uD06C\uC5D0 \uB300\uD55C \uAC1C\uC694
+${frameworkAbstract}
 
-Target filename: ${ModelName}.View.tsx
+2. Akan.js\uD504\uB808\uC784\uC6CC\uD06C \uB370\uC774\uD130 \uAE30\uBC18 \uBAA8\uB4C8\uC5D0 \uB300\uD55C \uC124\uBA85
+${moduleDesription}
+
+3. Akan.js eslint \uC124\uC815\uC5D0 \uB300\uD55C \uC124\uBA85
+${eslintDescription}
+
+4. util/ui \uB0B4 ui\uD0B7\uC5D0 \uB300\uD55C \uC124\uBA85
+${utilUiDescription}
+
+5. ${ModelName}.constant.ts \uD30C\uC77C\uC5D0 \uB300\uD55C \uC815\uBCF4
+${constant}
+
+6. ${modelName}\uC5D0\uC11C \uC885\uC18D\uB418\uB294 \uB2E4\uB978 \uBAA8\uB378\uB4E4\uC758 \uD0C0\uC785 \uC815\uC758
+${properties.map(
+  (property) => `
+  \`\`\`
+  ${property.key}.constant.ts
+  
+
+  ${property.source}
+  \`\`\`
+  `
+).join("\n\n")}
+
+
+7. \uC608\uC2DC \uD30C\uC77C\uB4E4
+${exampleFiles.map(
+  (example) => `
+  Example filename: ${example.filepath}
+  \`\`\`
+  ${example.content}
+  \`\`\`
+`
+).join("\n\n")}
+
+
+
+
+
+
+  \uC5ED\uD560\uBD80\uC5EC 
+  - Akan.js \uC0AC\uB0B4 \uD504\uB808\uC784\uC6CC\uD06C \uAE30\uBC18 Typescript \uC2DC\uB2C8\uC5B4 \uD504\uB860\uD2B8\uC5D4\uB4DC \uAC1C\uBC1C\uC790.
+
+  \uCF54\uB529 \uADDC\uCE59
+    - \uB77C\uC774\uBE0C\uB7EC\uB9AC \uC0AC\uC6A9
+    - \uC544\uC774\uCF58: react-icons \uB77C\uC774\uBE0C\uB7EC\uB9AC \uC0AC\uC6A9
+    - CSS: DaisyUI (btn, input, badge \uAC19\uC740 \uAE30\uBCF8 \uC694\uC18C\uB9CC \uC0AC\uC6A9 \uAC00\uB2A5, card/hero \uAC19\uC740 \uBCF5\uC7A1\uD55C \uCEF4\uD3EC\uB10C\uD2B8 \uC0AC\uC6A9 \uBD88\uAC00)
+    - \uC870\uAC74\uBD80 \uD074\uB798\uC2A4: clsx \uB77C\uC774\uBE0C\uB7EC\uB9AC \uC0AC\uC6A9
+  \uCF54\uB4DC \uC2A4\uD0C0\uC77C
+    - \uC0C9\uC0C1: \uD558\uB4DC\uCF54\uB529(bg-red) \uB300\uC2E0 \uD14C\uB9C8 \uC0C9\uC0C1(bg-primary) \uC0AC\uC6A9
+    - \uC870\uAC74\uBD80 \uB80C\uB354\uB9C1: field && <div>... \uB300\uC2E0 field ? <div>... : null \uC0AC\uC6A9
+    - \uBAA8\uB378 \uC811\uADFC: \uAD6C\uC870\uBD84\uD574\uD560\uB2F9 \uB300\uC2E0 ${modelName}.field \uD615\uC2DD\uC73C\uB85C \uC811\uADFC
+    - \uD0C0\uC785 \uC548\uC804: ${modelName}.constant.ts\uC758 \uC2A4\uD0A4\uB9C8 \uCC38\uC870\uD558\uC5EC \uC5D0\uB7EC \uBC29\uC9C0
+  \uD544\uB4DC \uC811\uADFC \uC804: \uC2A4\uD0A4\uB9C8\uC758 \uC2E4\uC81C \uD544\uB4DC \uB9AC\uC2A4\uD2B8 \uC791\uC131 \uBC0F \uAC80\uD1A0 \uD544\uC218
+  
+  \uC5C4\uACA9\uD55C \uC8FC\uC758\uC0AC\uD56D
+    - UI \uD0B7\uC740 \uBB38\uC11C\uC5D0 \uBA85\uC2DC\uB41C \uCEF4\uD3EC\uB10C\uD2B8\uB9CC \uC0AC\uC6A9
+    - \uCEF4\uD3EC\uB10C\uD2B8 \uC0AC\uC6A9 \uC804 \uBB38\uC11C \uD655\uC778 \uBC0F props \uC815\uD655\uD788 \uAC80\uC99D
+    - \uBA85\uC2DC\uB41C \uB8F0 \uC678 \uC784\uC758 \uCD94\uC0C1\uD654 \uAE08\uC9C0
+  
+  \uC694\uCCAD\uC0AC\uD56D
+  - ${ModelName}.Unit.tsx \uCF54\uB4DC \uC791\uC131
+  - \uCEF4\uD3EC\uB10C\uD2B8 \uC774\uB984\uC5D0 ModelName\uC740 \uC0DD\uB7B5\uD558\uBA70, \uC608\uC2DC\uD30C\uC77C\uB4E4\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uCC38\uACE0\uD558\uC5EC \uC791\uBA85
+  - \uC608\uC2DC\uD30C\uC77C \uCEF4\uD3EC\uB10C\uD2B8\uC758 \uAE30\uBC18\uD558\uC5EC \uC77C\uBC18\uC801\uC73C\uB85C \uC0AC\uC6A9 \uAC00\uB2A5\uD55C \uCEF4\uD3EC\uB10C\uD2B8 1\uAC1C\uC640 \uB514\uC790\uC778\uC801 \uC694\uC18C\uAC00 \uD3EC\uD568\uB41C \uCEF4\uD3EC\uB10C\uD2B8 3\uAC1C \uAC1C\uBC1C
+  - \uCD94\uC0C1\uD654 \uD574\uC57C\uD558\uB294 \uACBD\uC6B0\uAC00 \uC788\uC744 \uACBD\uC6B0\uC5D4 \uBB38\uC11C\uB97C \uB2E4\uC2DC \uCC38\uACE0\uD558\uACE0 \uC124\uBA85\uB41C \uB0B4\uC5D0\uC11C \uD574\uACB0\uD574\uC57C\uD568.
+
+
+Application name: ${sysName}
+Model name: ${modelName}
+
+Target filename: ${ModelName}.Unit.tsx
   \`\`\`
   
   \`\`\`
@@ -5316,7 +5934,6 @@ var ModuleScript = class {
   }
   async createUnit(sys2) {
     const libs = await sys2.getModules();
-    const unitExampleFiles = await sys2.getUnitsSourceCode();
     const lib = await select4({
       message: "Select the lib",
       choices: libs
@@ -5330,10 +5947,11 @@ var ModuleScript = class {
     if (!name)
       return;
     const Name = capitalize(name);
+    const unitExampleFiles = (await sys2.getUnitsSourceCode()).filter((f) => !f.filepath.includes(`${name}.Unit.tsx`));
     const relatedCnsts = getRelatedCnsts(`${sys2.cwdPath}/lib/${name}/${name}.constant.ts`);
     const constant = fs12.readFileSync(`${sys2.cwdPath}/lib/${name}/${name}.constant.ts`, "utf-8");
     const session = new AiSession();
-    const promptRst = requestView({
+    const promptRst = requestUnit({
       sysName: sys2.name,
       modelName: name,
       ModelName: Name,
@@ -5342,8 +5960,8 @@ var ModuleScript = class {
       exampleFiles: randomPicks(unitExampleFiles, Math.min(10, unitExampleFiles.length))
     });
     const content = await session.editTypescript(promptRst);
-    fs12.writeFileSync(`${sys2.cwdPath}/prompt.txt`, promptRst);
-    fs12.writeFileSync(`${sys2.cwdPath}/result.txt`, content);
+    fs12.writeFileSync(`${sys2.cwdPath}/promptUnit.txt`, promptRst);
+    fs12.writeFileSync(`${sys2.cwdPath}/resultUnit.txt`, content);
   }
   async createView(sys2) {
     const libs = await sys2.getModules();
@@ -5359,7 +5977,7 @@ var ModuleScript = class {
     const name = lib.split("/").pop();
     if (!name)
       return;
-    const viewExampleFiles = (await sys2.getViewsSourceCode()).filter((f) => f.filepath.includes(`${name}.View.tsx`));
+    const viewExampleFiles = (await sys2.getViewsSourceCode()).filter((f) => !f.filepath.includes(`${name}.View.tsx`));
     const Name = capitalize(name);
     const relatedCnsts = getRelatedCnsts(`${sys2.cwdPath}/lib/${name}/${name}.constant.ts`);
     const constant = fs12.readFileSync(`${sys2.cwdPath}/lib/${name}/${name}.constant.ts`, "utf-8");
@@ -5398,7 +6016,8 @@ var ModuleCommand = class {
   async createView(sys2, workspace) {
     await this.moduleScript.createView(sys2);
   }
-  async createUnit(name, workspace) {
+  async createUnit(sys2, workspace) {
+    await this.moduleScript.createUnit(sys2);
   }
 };
 __decorateClass([
@@ -5441,7 +6060,7 @@ __decorateClass([
 ], ModuleCommand.prototype, "createView", 1);
 __decorateClass([
   Target.Public(),
-  __decorateParam(0, Option("name", { desc: "name of unit module" })),
+  __decorateParam(0, Sys()),
   __decorateParam(1, Workspace())
 ], ModuleCommand.prototype, "createUnit", 1);
 ModuleCommand = __decorateClass([
@@ -5521,60 +6140,12 @@ PageCommand = __decorateClass([
   Commands()
 ], PageCommand);
 
-// pkgs/@akanjs/cli/src/workspace/workspace.script.ts
-import latestVersion2 from "latest-version";
-import path6 from "path";
-
 // pkgs/@akanjs/cli/src/workspace/workspace.runner.ts
 import { v5 as uuid } from "uuid";
+import { capitalize as capitalize2 } from "lodash";
+import latestVersion2 from "latest-version";
+import path6 from "path";
 var WorkspaceRunner = class {
-  async createWorkspace(repoName, appName, dirname = ".") {
-  }
-  async generateMongo(workspace) {
-    const namespace = "00000000-0000-0000-0000-000000000000";
-    const appNames = await workspace.getApps();
-    const apps = appNames.map((appName) => AppExecutor.from(workspace, appName));
-    const appDatas = apps.reduce(
-      (acc, app) => [
-        ...acc,
-        ...["debug", "develop", "main"].map((env) => ({
-          appName: app.name,
-          env,
-          secret: getCredentials(app, env)
-        }))
-      ],
-      []
-    );
-    const mongoConnectionList = {
-      type: "Compass Connections",
-      version: { $numberInt: "1" },
-      connections: appDatas.map(({ appName, env, secret }) => ({
-        id: uuid(`${appName}-${env}`, namespace),
-        favorite: {
-          name: `${appName}-${env}`,
-          color: "color9"
-        },
-        savedConnectionType: "favorite",
-        connectionOptions: {
-          connectionString: `mongodb://${secret.mongo.account.user.username}:${secret.mongo.account.user.password}@mongo-0.mongo-svc.${appName}-${env}/?directConnection=true&authSource=${appName}-${env}`,
-          sshTunnel: {
-            host: `${appName}-${env}.akamir.com`,
-            port: "32767",
-            username: "root",
-            password: "akamir"
-          }
-        }
-      }))
-    };
-    workspace.writeJson(`infra/master/mongo-connections.json`, mongoConnectionList);
-  }
-};
-
-// pkgs/@akanjs/cli/src/workspace/workspace.script.ts
-var WorkspaceScript = class {
-  #runner = new WorkspaceRunner();
-  applicationScript = new ApplicationScript();
-  libraryScript = new LibraryScript();
   async createWorkspace(repoName, appName, dirname = ".") {
     const cwdPath = process.cwd();
     const workspaceRoot = path6.join(cwdPath, dirname, repoName);
@@ -5584,9 +6155,9 @@ var WorkspaceScript = class {
       template: "workspaceRoot",
       dict: {
         repoName,
-        RepoName: capitalize(repoName),
+        RepoName: capitalize2(repoName),
         appName,
-        AppName: capitalize(appName),
+        AppName: capitalize2(appName),
         serveDomain: "localhost"
       }
     });
@@ -5626,9 +6197,60 @@ var WorkspaceScript = class {
     await workspace.spawn("pnpm", ["install", "--reporter=silent"]);
     workspace.log("Initializing git repository and commit...");
     await workspace.commit("Initial commit", { init: true });
+    return workspace;
+  }
+  async generateMongo(workspace) {
+    const namespace = "00000000-0000-0000-0000-000000000000";
+    const appNames = await workspace.getApps();
+    const apps = appNames.map((appName) => AppExecutor.from(workspace, appName));
+    const appDatas = apps.reduce(
+      (acc, app) => [
+        ...acc,
+        ...["debug", "develop", "main"].map((env) => ({
+          appName: app.name,
+          env,
+          secret: getCredentials(app, env)
+        }))
+      ],
+      []
+    );
+    const mongoConnectionList = {
+      type: "Compass Connections",
+      version: { $numberInt: "1" },
+      connections: appDatas.map(({ appName, env, secret }) => ({
+        id: uuid(`${appName}-${env}`, namespace),
+        favorite: {
+          name: `${appName}-${env}`,
+          color: "color9"
+        },
+        savedConnectionType: "favorite",
+        connectionOptions: {
+          connectionString: `mongodb://${secret.mongo.account.user.username}:${secret.mongo.account.user.password}@mongo-0.mongo-svc.${appName}-${env}/?directConnection=true&authSource=${appName}-${env}`,
+          sshTunnel: {
+            host: `${appName}-${env}.akamir.com`,
+            port: "32767",
+            username: "root",
+            password: "akamir"
+          }
+        }
+      }))
+    };
+    workspace.writeJson(`infra/master/mongo-connections.json`, mongoConnectionList);
+  }
+};
+
+// pkgs/@akanjs/cli/src/workspace/workspace.script.ts
+var WorkspaceScript = class {
+  #runner = new WorkspaceRunner();
+  applicationScript = new ApplicationScript();
+  libraryScript = new LibraryScript();
+  async createWorkspace(repoName, appName, dirname = ".") {
+    const workspace = await this.#runner.createWorkspace(repoName, appName, dirname);
     await this.libraryScript.installLibrary(workspace, "util");
     await this.libraryScript.installLibrary(workspace, "shared");
     await this.applicationScript.createApplication(appName, workspace);
+    workspace.log(`Workspace created in ${workspace.workspaceRoot}`);
+    Logger.rawLog(`Run \`cd ${repoName} && akan start ${appName}\` to start the development server.`);
   }
   async generateMongo(workspace) {
     await this.#runner.generateMongo(workspace);
@@ -5678,4 +6300,5 @@ void runCommands(
 //! 2. csr폴더를 현 위치로 복사 후 압축 후 삭제
 //! execSync를 가져오기 싫으니 일단 2번 방법으로 해보자
 //! add path in tsconfig.json
+//! 파일을 {name}.Unit.tsx에 저장.
 //! 파일을 {name}.View.tsx에 저장.