@akanjs/cli 0.0.148 → 0.0.149

package/cjs/index.js

@@ -602,7 +602,7 @@ var withBase = (appName, config, libs, routes = []) => {
     eslint: { ...config.eslint, ignoreDuringBuilds: true },
     env: {
       ...config.env,
-      basePaths: [...new Set(routes.map(({ basePath: basePath2 }) => basePath2))].join(",")
+      basePaths: routes.map(({ basePath: basePath2 }) => basePath2).join(",")
     },
     transpilePackages: ["swiper", "ssr-window", "dom7"],
     reactStrictMode: commandType === "start" ? false : true,
@@ -768,7 +768,6 @@ CMD ["npm", "start"]`,
         config.libs ?? [],
         config.frontend?.routes
       ),
-      routes: config.frontend?.routes,
       explicitDependencies: config.frontend?.explicitDependencies ?? []
     },
     mobile: {
@@ -3477,6 +3476,34 @@ var ApplicationRunner = class {
     await app.syncAssets(scanResult.akanConfig.libs);
     return scanResult;
   }
+  async getScriptFilename(app) {
+    if (!app.exists("scripts")) {
+      app.mkdir("scripts");
+      throw new Error(`No script files found. make a script file in apps/${app.name}/scripts folder`);
+    }
+    const scriptFiles = (await app.readdir("scripts")).filter((file) => file.endsWith(".ts"));
+    const scriptFile = await (0, import_prompts6.select)({
+      message: "Select script to run",
+      choices: scriptFiles.map((file) => ({ name: file, value: file.replace(".ts", "") }))
+    });
+    return scriptFile;
+  }
+  async runScript(app, filename) {
+    const buildResult = await esbuild2.build({
+      write: true,
+      entryPoints: [`${app.cwdPath}/scripts/${filename}.ts`],
+      bundle: true,
+      format: "cjs",
+      packages: "external",
+      platform: "node",
+      outdir: `${app.cwdPath}/scripts`,
+      logLevel: "warning"
+    });
+    await app.spawn("node", [`scripts/${filename}.js`], {
+      stdio: "inherit",
+      env: this.#getEnv(app)
+    });
+  }
   #getEnv(app, env = {}) {
     const rootEnv = import_dotenv3.default.parse(app.workspace.readFile(".env"));
     return {
@@ -3544,10 +3571,10 @@ var ApplicationRunner = class {
       setTimeout(() => (0, import_open.default)("http://localhost:8080/backend/graphql"), 3e3);
     await app.dist.spawn("node", ["--watch", "backend/main.js"], { env, stdio: "inherit" });
   }
-  async buildFrontend(app) {
+  async buildFrontend(app, { spawnOptions } = {}) {
     const { env } = await this.#prepareCommand(app, "build", "frontend");
     const akanConfig = await app.getConfig("build");
-    await app.spawn("npx", ["next", "build", "--no-lint"], { env });
+    await app.spawn("npx", ["next", "build", "--no-lint"], { env, ...spawnOptions });
     const buildResult = await esbuild2.build({
       entryPoints: [`${app.cwdPath}/next.config.ts`],
       outdir: `${app.dist.cwdPath}/frontend`,
@@ -3587,8 +3614,6 @@ var ApplicationRunner = class {
   async #getViteConfig(app, command) {
     const { env } = await this.#prepareCommand(app, command, "csr");
     const tsconfig = app.workspace.getTsConfig();
-    const akanConfig = await app.getConfig();
-    const basePaths = akanConfig.frontend.routes ? [...new Set(akanConfig.frontend.routes.map(({ basePath: basePath2 }) => basePath2))].join(",") : void 0;
     const processEnv = env;
     const akanjsPrefix = process.env.USE_AKANJS_PKGS === "true" ? `${app.workspace.workspaceRoot}/pkgs/` : "";
     const config = vite.defineConfig({
@@ -3652,8 +3677,7 @@ var ApplicationRunner = class {
           APP_OPERATION_MODE: processEnv.APP_OPERATION_MODE ?? "local",
           AKAN_WORKSPACE_ROOT: app.workspace.workspaceRoot,
           AKAN_APP_ROOT: app.cwdPath,
-          RENDER_ENV: "csr",
-          basePaths
+          RENDER_ENV: "csr"
         },
         "process.platform": JSON.stringify("browser"),
         "process.version": JSON.stringify(process.version)
@@ -3955,6 +3979,11 @@ var ApplicationScript = class {
     spinner.succeed("Application scanned");
     return scanResult;
   }
+  async script(app, filename) {
+    const scriptFilename = filename ?? await this.#runner.getScriptFilename(app);
+    await this.syncApplication(app);
+    await this.#runner.runScript(app, scriptFilename);
+  }
   async build(app) {
     await this.syncApplication(app);
     await Promise.all([this.buildBackend(app, { sync: false }), this.buildFrontend(app, { sync: false })]);
@@ -3963,11 +3992,7 @@ var ApplicationScript = class {
     await this.syncApplication(app);
     if (app.workspace.getBaseDevEnv().env === "local")
       await this.dbup(app.workspace);
-    await Promise.all([
-      this.startBackend(app, { open: open2, sync: false }),
-      this.startFrontend(app, { open: open2, sync: false }),
-      this.startCsr(app, { open: open2, sync: false })
-    ]);
+    await Promise.all([this.startBackend(app, { open: open2, sync: false }), this.startFrontend(app, { open: open2, sync: false })]);
   }
   async buildBackend(app, { sync = true } = {}) {
     if (sync)
@@ -3989,12 +4014,16 @@ var ApplicationScript = class {
       }
     });
   }
-  async buildFrontend(app, { sync = true } = {}) {
+  async buildFrontend(app, { sync = true, standalone = false } = {}) {
     if (sync)
       await this.syncApplication(app);
-    const spinner = app.spinning("Building frontend...");
-    await this.#runner.buildFrontend(app);
-    spinner.succeed(`Frontend built in dist/apps/${app.name}/frontend`);
+    if (standalone)
+      await this.#runner.buildFrontend(app, { spawnOptions: { stdio: "inherit" } });
+    else {
+      const spinner = app.spinning("Building frontend...");
+      await this.#runner.buildFrontend(app);
+      spinner.succeed(`Frontend built in dist/apps/${app.name}/frontend`);
+    }
   }
   async startFrontend(app, { open: open2 = false, turbo = false, sync = true } = {}) {
     if (sync)
@@ -4121,6 +4150,9 @@ var ApplicationCommand = class {
   async syncApplication(app) {
     await this.applicationScript.syncApplication(app);
   }
+  async script(app, filename) {
+    await this.applicationScript.script(app, filename);
+  }
   async build(app) {
     await this.applicationScript.build(app);
   }
@@ -4128,7 +4160,7 @@ var ApplicationCommand = class {
     await this.applicationScript.buildBackend(app);
   }
   async buildFrontend(app) {
-    await this.applicationScript.buildFrontend(app);
+    await this.applicationScript.buildFrontend(app, { standalone: true });
   }
   async buildCsr(app) {
     await this.applicationScript.buildCsr(app);
@@ -4202,6 +4234,11 @@ __decorateClass([
   Target.Public(),
   __decorateParam(0, App())
 ], ApplicationCommand.prototype, "syncApplication", 1);
+__decorateClass([
+  Target.Public(),
+  __decorateParam(0, App()),
+  __decorateParam(1, Argument("filename", { desc: "name of script", nullable: true }))
+], ApplicationCommand.prototype, "script", 1);
 __decorateClass([
   Target.Public({ short: true }),
   __decorateParam(0, App())
@@ -4352,7 +4389,11 @@ var PackageRunner = class {
     if (pkg.name === "@akanjs/cli")
       await builder.build({
         bundle: true,
-        additionalEntryPoints: [`${pkg.cwdPath}/src/templates/**/*.ts`, `${pkg.cwdPath}/src/guidelines/**/*.md`]
+        additionalEntryPoints: [
+          `${pkg.cwdPath}/src/templates/**/*.ts`,
+          `${pkg.cwdPath}/src/templates/**/*.template`,
+          `${pkg.cwdPath}/src/guidelines/**/*.md`
+        ]
       });
     else
       await builder.build();

package/cjs/src/guidelines/___library/sharedUiStructureDescription.en.md

@@ -559,24 +559,6 @@ Key features:
 - Simultaneous Korean/English address provision
 - Modal address search
 
-### 26. Field.KoreanCityDistrict
-
-\`\`\`typescript
-interface KoreanCityDistrictProps {
-city: string | null;
-onChangeCity: (city: string | null) => void;
-district: string | null;
-onChangeDistrict: (district: string | null) => void;
-disabled?: boolean;
-}
-\`\`\`
-Key features:
-
-- Hardcoded Korean region data
-- Two-level selection (city/province → district/county)
-- Includes detailed regions: 25 districts in Seoul, 16 in Busan, etc.
-- Linked selection (district activates after city selection)
-
 ## Common Patterns and Features
 
 ### 1. Caching System

package/cjs/src/templates/app/app/[lang]/(__appName__)/styles.css.template

@@ -0,0 +1,19 @@
+@import "tailwindcss";
+@import "@akanjs/config/styles.css";
+
+@plugin "daisyui" {
+  logs: false;
+}
+
+@plugin "daisyui/theme" {
+  name: "light";
+}
+
+@plugin "daisyui/theme" {
+  name: "dark";
+}
+
+@theme {
+  --font-lemonmilk: var(--font-lemonmilk);
+  --font-pretendard: var(--font-pretendard);
+}

package/cjs/src/templates/app/app/index.html.template

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title><%= appName %></title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/csr.tsx"></script>
+  </body>
+</html>

package/cjs/src/templates/app/capacitor.config.ts.template

@@ -0,0 +1,8 @@
+//! will be replaced with akan.config.ts
+import { withBase } from "@akanjs/config/capacitor.base.config";
+
+export default withBase((config) => {
+  return {
+    ...config,
+  };
+});

package/cjs/src/templates/app/env/env.client.debug.ts.template

@@ -0,0 +1,7 @@
+import { baseClientEnv } from "@akanjs/base";
+
+import { AppClientEnv } from "./env.client.type";
+
+export const env: AppClientEnv = {
+  ...baseClientEnv,
+} as const;

package/cjs/src/templates/app/env/env.client.develop.ts.template

@@ -0,0 +1,7 @@
+import { baseClientEnv } from "@akanjs/base";
+
+import { AppClientEnv } from "./env.client.type";
+
+export const env: AppClientEnv = {
+  ...baseClientEnv,
+} as const;

package/cjs/src/templates/app/env/env.client.local.ts.template

@@ -0,0 +1,7 @@
+import { baseClientEnv } from "@akanjs/base";
+
+import { AppClientEnv } from "./env.client.type";
+
+export const env: AppClientEnv = {
+  ...baseClientEnv,
+} as const;

package/cjs/src/templates/app/env/env.client.main.ts.template

@@ -0,0 +1,7 @@
+import { baseClientEnv } from "@akanjs/base";
+
+import { AppClientEnv } from "./env.client.type";
+
+export const env: AppClientEnv = {
+  ...baseClientEnv,
+} as const;

package/cjs/src/templates/app/env/env.client.testing.ts.template

@@ -0,0 +1,7 @@
+import { baseClientEnv } from "@akanjs/base";
+
+import { AppClientEnv } from "./env.client.type";
+
+export const env: AppClientEnv = {
+  ...baseClientEnv,
+} as const;

package/cjs/src/templates/app/env/env.server.debug.ts.template

@@ -0,0 +1,15 @@
+import { baseEnv } from "@akanjs/base";
+
+import type { ModulesOptions } from "../lib/option";
+
+export const env: ModulesOptions = {
+  ...baseEnv,
+  hostname: null,
+  redis: {},
+  mongo: { password: "S20n-D2bUg" },
+  security: {
+    verifies: [["password", "phone", "naver", "kakao"]],
+    sso: {},
+  },
+  rootAdminInfo: { accountId: "akamirofficial@gmail.com", password: "akamir190319" },
+};

package/cjs/src/templates/app/env/env.server.develop.ts.template

@@ -0,0 +1,15 @@
+import { baseEnv } from "@akanjs/base";
+
+import type { ModulesOptions } from "../lib/option";
+
+export const env: ModulesOptions = {
+  ...baseEnv,
+  hostname: null,
+  redis: {},
+  mongo: { password: "S20n-D2VeL0p-0905*" },
+  security: {
+    verifies: [["password", "phone", "naver", "kakao"]],
+    sso: {},
+  },
+  rootAdminInfo: { accountId: "akamirofficial@gmail.com", password: "akamir190319" },
+};

package/cjs/src/templates/app/env/env.server.local.ts.template

@@ -0,0 +1,15 @@
+import { baseEnv } from "@akanjs/base";
+
+import type { ModulesOptions } from "../lib/option";
+
+export const env: ModulesOptions = {
+  ...baseEnv,
+  hostname: null,
+  redis: {},
+  mongo: {},
+  security: {
+    verifies: [["password", "phone", "naver", "kakao"]],
+    sso: {},
+  },
+  rootAdminInfo: { accountId: "akamirofficial@gmail.com", password: "akamir190319" },
+};

package/cjs/src/templates/app/env/env.server.main.ts.template

@@ -0,0 +1,15 @@
+import { baseEnv } from "@akanjs/base";
+
+import type { ModulesOptions } from "../lib/option";
+
+export const env: ModulesOptions = {
+  ...baseEnv,
+  hostname: null,
+  redis: {},
+  mongo: { password: "S20n-m@In-0905*-SEON" },
+  security: {
+    verifies: [["password", "phone", "naver", "kakao"]],
+    sso: {},
+  },
+  rootAdminInfo: { accountId: "akamirofficial@gmail.com", password: "akamir190319" },
+};

package/cjs/src/templates/app/env/env.server.testing.ts.template

@@ -0,0 +1,7 @@
+import { env as shared } from "@shared/server";
+
+import type { ModulesOptions } from "../lib/option";
+
+export const env: ModulesOptions = {
+  ...shared,
+};

package/cjs/src/templates/app/main.js

@@ -32,7 +32,8 @@ import { registerModules } from "./server";
 const bootstrap = async () => {
   const serverMode = process.env.SERVER_MODE as "federation" | "batch" | "all" | null;
   if (!serverMode) throw new Error("SERVER_MODE environment variable is not defined");
-  await createNestApp({ registerModules, serverMode, env });
+  const app = await createNestApp({ registerModules, serverMode, env });
+  return () => app.close();
 };
 void bootstrap();
   `;

package/cjs/src/templates/app/page.test.ts.template

@@ -0,0 +1,10 @@
+// import { PageAgent } from "@akanjs/next";
+// import { expect, test } from "@playwright/test";
+
+// test.describe("index page", () => {
+//   test("has title", async ({ page }) => {
+//     const agent = new PageAgent(page);
+//     await agent.goto("/");
+//     expect(agent.page).toBeTruthy();
+//   });
+// });

package/cjs/src/templates/app/playwright.config.ts.template

@@ -0,0 +1,6 @@
+//! will be replaced with akan.config.ts
+import { withBase } from "@akanjs/test/playwright.config.base";
+
+const config = withBase(__filename);
+
+export default config;

package/cjs/src/templates/app/postcss.config.js.template

@@ -0,0 +1,10 @@
+//! will be replaced with akan.config.ts
+const akanjsPrefix = process.env.USE_AKANJS_PKGS === "true" ? "../../pkgs/" : "";
+const { withBase } = require(`${akanjsPrefix}@akanjs/config/postcss.config.base`);
+
+/**
+ * @type {import('postcss-load-config').Config}
+ */
+const config = {};
+
+module.exports = withBase(config);

package/cjs/src/templates/app/public/manifest.json.template

@@ -0,0 +1,67 @@
+{
+  "name": "<%= AppName %>",
+  "short_name": "<%= AppName %>",
+  "orientation": "portrait",
+  "theme_color": "#1976d2",
+  "background_color": "#fafafa",
+  "display": "standalone",
+  "scope": "/",
+  "description": "<%= appName %>",
+  "start_url": "/",
+  "icons": [
+    {
+      "src": "icons/icon-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "icons/icon-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "icons/icon-128x128.png",
+      "sizes": "128x128",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "icons/icon-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "icons/icon-152x152.png",
+      "sizes": "152x152",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "icons/icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "icons/icon-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "icons/icon-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "icons/icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    }
+  ]
+}

package/cjs/src/templates/app/tsconfig.json.template

@@ -0,0 +1,22 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "strict": false,
+    "noEmit": true,
+    "incremental": true,
+    "resolveJsonModule": true,
+    "jsx": "preserve",
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": ["./**/*.ts", "./**/*.tsx", ".next/types/**/*.ts"],
+  "references": [
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

package/cjs/src/templates/app/tsconfig.spec.json.template

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "types": ["jest", "node"]
+  },
+  "include": ["jest.config.ts", "**/*.test.ts"]
+}

package/cjs/src/templates/libRoot/.gitignore.template

@@ -0,0 +1,15 @@
+**/script.ts
+**/script*.ts
+**/.env
+**/env.client.debug.ts*
+**/env.client.develop.ts*
+**/env.client.main.ts*
+**/env.client.testing.ts*
+**/env.server.debug.ts*
+**/env.server.develop.ts*
+**/env.server.main.ts*
+**/env.server.testing.ts*
+
+# System Files
+.DS_Store
+Thumbs.db

package/cjs/src/templates/libRoot/env/env.server.example.ts.template

@@ -0,0 +1,7 @@
+import { env as shared } from "@shared/server";
+
+import type { ModulesOptions } from "../lib/option";
+
+export const env: ModulesOptions = {
+  ...shared,
+};

package/cjs/src/templates/libRoot/env/env.server.testing.ts.template

@@ -0,0 +1,7 @@
+import { env as shared } from "@shared/server";
+
+import type { ModulesOptions } from "../lib/option";
+
+export const env: ModulesOptions = {
+  ...shared,
+};

package/cjs/src/templates/libRoot/package.json.template

@@ -0,0 +1,4 @@
+{
+  "name": "@<%= libName %>",
+  "version": "0.0.1"
+}

package/cjs/src/templates/libRoot/tsconfig.json.template

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "jsx": "preserve",
+    "declaration": true,
+    "declarationDir": "dist"
+  },
+  "references": [
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

package/cjs/src/templates/libRoot/tsconfig.spec.json.template

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "types": ["jest", "node"]
+  },
+  "include": ["jest.config.ts", "**/*.test.ts"]
+}

package/cjs/src/templates/localDev/docker-compose.yaml.template

@@ -0,0 +1,36 @@
+version: "3.8"
+networks:
+  <%= repoName %>-network:
+    driver: bridge
+services:
+  redis:
+    container_name: redis
+    image: redis
+    restart: unless-stopped
+    ports:
+      - 6379:6379
+    networks:
+      - <%= repoName %>-network
+  mongo:
+    image: mongo
+    container_name: mongo
+    restart: unless-stopped
+    ports:
+      - 27017:27017
+    volumes:
+      - ./mongo/local/data:/data/db
+    command: mongod --dbpath /data/db
+    networks:
+      - <%= repoName %>-network
+  meili:
+    image: getmeili/meilisearch:latest
+    container_name: meili
+    restart: unless-stopped
+    ports:
+      - "7700:7700"
+    environment:
+      - MEILI_ENV=development
+      - MEILI_MASTER_KEY=masterKey
+      - MEILI_NO_ANALYTICS=true
+    networks:
+      - <%= repoName %>-network

package/cjs/src/templates/pkgRoot/tsconfig.json.template

@@ -0,0 +1,15 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "jsx": "preserve",
+    "declaration": true,
+    "declarationDir": "dist"
+  },
+  "files": [],
+  "include": ["**/*.ts", "**/*.tsx"],
+  "references": [
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

package/cjs/src/templates/workspaceRoot/.env.template

@@ -0,0 +1,20 @@
+# organization configuration, no need to change
+NEXT_PUBLIC_REPO_NAME=<%= repoName %>
+NEXT_PUBLIC_SERVE_DOMAIN="<%= serveDomain %>"
+
+# development branch, debug, develop, main, etc. mainly it changes databases.
+NEXT_PUBLIC_ENV=local
+
+# local, cloud, edge it changes the connection point of the clients.
+NEXT_PUBLIC_OPERATION_MODE=local
+# hybrid app specific config, will be depreciated in the future
+APP_OPERATION_MODE=local
+
+# backend service mode, federation, batch, all
+SERVER_MODE=federation
+
+# analyze the bundle size
+ANALYZE=false
+
+# log level, debug, info, warn, error
+NEXT_PUBLIC_LOG_LEVEL=debug