@akanjs/cli 0.0.34 → 0.0.36

package/assets/app/ui/MainHeader.tsx.template

@@ -0,0 +1,100 @@
+import { usePage } from "@<%= appName %>/client";
+import {
+  AiOutlineBuild,
+  AiOutlineEdit,
+  AiOutlineHome,
+  AiOutlinePoweroff,
+  AiOutlinePrinter,
+  AiOutlineRobot,
+  AiOutlineSecurityScan,
+  AiOutlineSend,
+  AiOutlineUser,
+  AiOutlineWindows,
+} from "react-icons/ai";
+import { User } from "@shared/client";
+import { Layout, Link } from "@util/ui";
+import { ReactNode } from "react";
+import { clsx } from "@akanjs/client";
+
+type DirType = "home" | "send" | "print" | "self";
+
+const iconMap: { [key in DirType]: ReactNode } = {
+  home: <AiOutlineHome />,
+  send: <AiOutlineSend />,
+  print: <AiOutlinePrinter />,
+  self: <AiOutlineUser />,
+};
+
+interface MainHeaderProps {
+  className?: string;
+  children?: any;
+  items: {
+    type: DirType;
+    name: string;
+    href?: string;
+  }[];
+  type?: "view" | "edit" | "new";
+}
+export const MainHeader = ({ className, children, items, type = "view" }: MainHeaderProps) => {
+  const { l } = usePage();
+  return (
+    <Layout.Header
+      className={clsx("fixed left-0 px-2 py-2 bg-base-100/50 backdrop-blur-sm flex items-center gap-2", className)}
+    >
+      <Layout.Sider>
+        <div className="text-4xl font-lemonmilk w-full text-center my-8"><%= AppName %></div>
+        <ul className="menu p-4 w-full bg-base-200 text-base-content">
+          {/* <li>
+            <User.Zone.Profile/>
+          </li> */}
+          <li>
+            <Link href="/location" className="flex gap-2 items-center text-lg">
+              {iconMap.home} Home
+            </Link>
+          </li>
+          <li>
+            <Link href="/self" className="flex gap-2 items-center text-lg">
+              {iconMap.self} My Profile
+            </Link>
+          </li>
+          <li>
+            <User.Util.Signout href="/" className="flex gap-2 items-center text-lg text-warning">
+              <AiOutlinePoweroff /> Sign out
+            </User.Util.Signout>
+          </li>
+        </ul>
+      </Layout.Sider>
+      <div className="text-sm breadcrumbs hidden md:block">
+        <ul>
+          {items.slice(0, -2).map(({ type, name, href }, idx) => (
+            <li key={idx}>
+              <Link className="flex gap-1 items-center" href={href}>
+                {iconMap[type]} {name}
+              </Link>
+            </li>
+          ))}
+          <li></li>
+        </ul>
+      </div>
+      <div className="text-sm breadcrumbs -ml-2">
+        <ul>
+          {items.slice(-2).map(({ type, name, href }, idx) => (
+            <li key={idx}>
+              <Link className="flex gap-1 items-center" href={href}>
+                {iconMap[type]} {name}
+              </Link>
+            </li>
+          ))}
+          {type === "new" ? (
+            <li>+ {l("shared.new")}</li>
+          ) : type === "edit" ? (
+            <li className="flex gap-1 items-center">
+              <AiOutlineEdit /> {l("shared.edit")}
+            </li>
+          ) : null}
+        </ul>
+      </div>
+      {children}
+    </Layout.Header>
+  );
+};

package/assets/app/ui/index.ts.template

@@ -0,0 +1,2 @@
+export { MainHeader } from "./MainHeader";
+export { Footer } from "./Footer";

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

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

package/assets/assets/app/app/[lang]/(__appName__)/(public)/forgotpassword/page.tsx.template

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

package/assets/assets/app/app/[lang]/(__appName__)/(public)/page.tsx.template

@@ -0,0 +1,17 @@
+import { Image, Link } from "@util/ui";
+import { getSelf } from "@akanjs/client";
+
+export default function Page() {
+  const self = getSelf();
+  return (
+    <div className="relative w-full h-screen overflow-hidden flex items-center justify-center">
+      <div className="max-w-md bg-base-100/50 shadow-lg rounded-xl backdrop-blur-xs w-full py-8 px-16 flex flex-col items-center justify-center gap-3">
+        <h1 className="text-4xl mt-2"><%= appName %></h1>
+        <h2 className="text-lg"><%= appName %> description</h2>
+        <Link className="w-full" href={self ? "/self" : "/signin"}>
+          <button className="btn w-full btn-primary">Go to dashboard</button>
+        </Link>
+      </div>
+    </div>
+  );
+}

package/assets/assets/app/app/[lang]/(__appName__)/(public)/privacy/page.tsx.template

@@ -0,0 +1,10 @@
+import { Inform } from "@util/ui";
+
+export default function Page() {
+  return (
+    <div className="container whitespace-pre-wrap">
+      <h1 className="flex justify-center">Privacy Policy</h1>
+      <Inform.PrivacyPolicy companyName="<%= CompanyName %>" />
+    </div>
+  );
+}

package/assets/assets/app/app/[lang]/(__appName__)/(public)/signin/page.tsx.template

@@ -0,0 +1,19 @@
+import { Image } from "@util/ui";
+import { User } from "@shared/client";
+import { getSelf, router } from "@akanjs/client";
+
+export default function Page() {
+  const self = getSelf();
+  return (
+    <div className="relative w-full h-screen overflow-hidden flex items-center justify-center">
+      <div className="max-w-md bg-base-100/50 shadow-lg rounded-xl backdrop-blur-xs w-full py-4 pb-10 px-16">
+        <div className="my-6 flex justify-center text-4xl"><%= appName %></div>
+        <User.Util.SignInPassword
+          siteKey=""
+          redirect="/self"
+          signupHref={null}
+        />
+      </div>
+    </div>
+  );
+}

package/assets/assets/app/app/[lang]/(__appName__)/(public)/termsofservice/page.tsx.template

@@ -0,0 +1,10 @@
+import { Inform } from "@util/ui";
+
+export default function Page() {
+  return (
+    <div className="container">
+      <h1 className="flex justify-center">Terms of Service</h1>
+      <Inform.ServicePolicy companyName="<%= CompanyName %>" serviceName="<%= AppName %>" />
+    </div>
+  );
+}

package/assets/assets/app/app/[lang]/(__appName__)/(user)/layout.tsx.template

@@ -0,0 +1,12 @@
+import { Footer } from "@<%= appName %>/ui";
+import { getSelf } from "@akanjs/client";
+
+export default function Layout({ children }: any) {
+  getSelf({ unauthorize: "/signin" });
+  return (
+    <>
+      <div className="w-full min-h-screen pt-20 px-2 container flex flex-col gap-2">{children}</div>
+      <Footer />
+    </>
+  );
+}

package/assets/assets/app/app/[lang]/(__appName__)/(user)/self/page.tsx.template

@@ -0,0 +1,29 @@
+import { User as SharedUser } from "@shared/client";
+import { MainHeader } from "@<%= appName %>/ui";
+import { User } from "@<%= appName %>/client";
+import { getSelf } from "@akanjs/client";
+
+export default function Page() {
+  const self = getSelf({ unauthorize: "/signin" });
+  return (
+    <>
+      <MainHeader items={[{ type: "self", name: "profile" }]} />
+      <div className="flex items-center gap-2">
+        <div className="text-2xl">My Profile</div>
+        <User.Util.EditSelf />
+      </div>
+      <div>
+        <User.Zone.Self />
+      </div>
+      <div>
+        <div className="font-bold">Password</div>
+        <div>
+          *******
+          <span>
+            <SharedUser.Util.SetPasswordWithPhone />
+          </span>
+        </div>
+      </div>
+    </>
+  );
+}

package/assets/assets/app/app/[lang]/(__appName__)/layout.tsx.template

@@ -0,0 +1,21 @@
+import { System } from "@shared/ui";
+import { env } from "@<%= appName %>/env/env.client";
+import { fetch } from "@<%= appName %>/client";
+
+export const metadata = { title: "Puffin Place" };
+
+export default function Layout({ children, params }: RootLayoutProps) {
+  return (
+    <System.Provider
+      of={Layout}
+      appName="<%= appName %>"
+      params={params}
+      head={<link rel="icon" href="/favicon.ico" />}
+      // className="bg-base-100"
+      env={env}
+      fetch={fetch}
+    >
+      {children}
+    </System.Provider>
+  );
+}

package/assets/assets/app/app/[lang]/admin/layout.tsx.template

@@ -0,0 +1,22 @@
+import { System } from "@shared/ui";
+import { env } from "@<%= appName %>/env/env.client";
+import { fetch } from "@<%= appName %>/client";
+import type { RootLayoutProps } from "@akanjs/client";
+
+export const metadata = { title: "<%= appName %>" };
+
+export default function Layout({ children, params }: RootLayoutProps) {
+  return (
+    <System.Provider
+      of={Layout}
+      appName="<%= appName %>"
+      params={params}
+      head={<link rel="icon" href="/favicon.ico" />}
+      // className="bg-base-100"
+      env={env}
+      fetch={fetch}
+    >
+      {children}
+    </System.Provider>
+  );
+}

package/assets/assets/app/app/[lang]/admin/page.tsx.template

@@ -0,0 +1,32 @@
+"use client";
+import { Admin } from "@shared/client";
+import { User, st } from "@<%= appName %>/client";
+
+export default function Page() {
+  const me = st.use.me();
+  return (
+    <Admin.Zone.Layout
+      password
+      // ssoTypes={["google"]}
+      logo={<div className="text-white "><%= appName %></div>}
+      pageMenus={[
+        {
+          key: "data",
+          title: "Data",
+          menus: [
+            Admin.Menu.Admin,
+            User.Menu.Admin,
+          ],
+        },
+        {
+          key: "api",
+          title: "API Doc",
+          menus: [
+            Admin.Menu.Doc,
+            User.Menu.Doc,
+          ],
+        },
+      ]}
+    />
+  );
+}

package/assets/assets/app/app/csr.tsx.template

@@ -0,0 +1,3 @@
+import { bootCsr } from "@akanjs/next";
+
+void bootCsr(import.meta.glob("./**/*.tsx"), "./[lang]/<%= appName %>/layout.tsx");

package/assets/assets/app/app/index.html.template

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>CSR</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/assets/assets/app/app/layout.tsx.template

@@ -0,0 +1,7 @@
+"use client";
+import { st } from "@<%= appName %>/client";
+import { System } from "@shared/ui";
+
+export default function Layout({ children }) {
+  return <System.Root st={st}>{children}</System.Root>;
+}

package/assets/assets/app/app/robots.ts.template

@@ -0,0 +1,12 @@
+import { MetadataRoute } from "next";
+import { env } from "@<%= appName %>/env/env.client";
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: {
+      userAgent: "*",
+      allow: "/",
+      disallow: "/admin/",
+    },
+    sitemap: `${env.clientHttpUri}/sitemap.xml`,
+  };
+}

package/assets/assets/app/app/sitemap.ts.template

@@ -0,0 +1,8 @@
+import { MetadataRoute } from "next";
+import { env } from "@<%= appName %>/env/env.client";
+export default function sitemap(): MetadataRoute.Sitemap {
+  return [
+    { url: `${env.clientHttpUri}`, lastModified: new Date() },
+    //
+  ];
+}

package/assets/assets/app/base/baseLogic.ts.template

@@ -0,0 +1,7 @@
+// 현 디렉토리에서는 프로젝트 내 전체적으로 사용되는 로직을 구현하며, 따라서 백/프론트 비의존적인 pure js 코드만 구현 가능합니다.
+// common폴더와 다른점은, base 코드는 시스템 전체에서 import되어 사용되므로, 가장 핵심적인 로직과 추상화된 기능만 구현해야합니다.
+// @<%= appName %>/base에서는 서버/클라이언트 관련 라이브러리(@*/server, @*/nest, @*/client, @*/next)를 모두 import할 수 없으며, @*/base 라이브러리만 import 가능합니다.
+
+export const someBaseLogic = () => {
+    // 
+}

package/assets/assets/app/base/index.ts.template

@@ -0,0 +1 @@
+export * from "./baseLogic";

package/assets/assets/app/capacitor.config.ts.template

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

package/assets/assets/app/client.ts.template

@@ -0,0 +1,8 @@
+export { st } from "./lib/st";
+export { store } from "./lib/store";
+export { usePage } from "./lib/usePage";
+export { fetch } from "./lib/fetch";
+export { cnst } from "./lib/cnst";
+export { User } from "./lib/user";
+export { Summary } from "./lib/summary";
+export { Setting } from "./lib/setting";

package/assets/assets/app/common/commonLogic.ts.template

@@ -0,0 +1,7 @@
+// 현 디렉토리에서는 프로젝트 내 전체적으로 사용되는 세부적인 로직을 구현하며, 따라서 백/프론트 비의존적인 pure js 코드만 구현 가능합니다.
+// base폴더와 다른점은, common 코드는 사용하는 파일에서만 import되기 때문에, 외부라이브러리를 import해서 사용하거나 상세한 로직을 구현할 수 있습니다.
+// @<%= appName %>/common에서는 서버/클라이언트 관련 라이브러리(@*/server, @*/nest, @*/client, @*/next)를 모두 import할 수 없으며, @*/base와 @*/common 라이브러리만 import 가능합니다.
+
+export const someCommonLogic = () => {
+    // 
+}

package/assets/assets/app/common/index.ts.template

@@ -0,0 +1 @@
+export * from "./commonLogic";

package/assets/assets/app/config.yaml.template

@@ -0,0 +1,19 @@
+# will be replaced with akan.config.ts
+platforms:
+  android:
+    versionName: 0.0.1
+    appName: <%= appName %>
+    versionCode: 1
+    packageName: com.<%= appName %>
+  ios:
+    targets:
+      App:
+        version: 0.0.1
+        buildNumber: 1
+        incrementBuild: true
+        bundleId: com.<%= appName %>.test
+      App-Release:
+        version: 0.0.1
+        buildNumber: 1
+        incrementBuild: true
+        bundleId: com.<%= appName %>.test

package/assets/assets/app/env/env.client.ts.template

@@ -0,0 +1,10 @@
+import { env as debug } from "./env.client.debug";
+import { env as develop } from "./env.client.develop";
+import { env as main } from "./env.client.main";
+import { env as testing } from "./env.client.testing";
+
+const envConfigs = { debug, testing, develop, main };
+const currentEnv = process.env.NEXT_PUBLIC_ENV ?? "testing";
+if (!(currentEnv in envConfigs)) throw new Error(`Unknown environment: ${currentEnv}`);
+
+export const env = envConfigs[currentEnv as keyof typeof envConfigs];

package/assets/assets/app/env/env.client.type.ts.template

@@ -0,0 +1,7 @@
+import type { BaseClientEnv } from "@akanjs/base";
+
+export type AppClientEnv = BaseClientEnv & {
+  cloudflare: {
+    siteKey: string;
+  };
+};

package/assets/assets/app/env/env.server.ts.template

@@ -0,0 +1,10 @@
+import { env as debug } from "./env.server.debug";
+import { env as develop } from "./env.server.develop";
+import { env as main } from "./env.server.main";
+import { env as testing } from "./env.server.testing";
+
+const envConfigs = { debug, testing, develop, main };
+const currentEnv = process.env.NEXT_PUBLIC_ENV ?? "testing";
+if (!(currentEnv in envConfigs)) throw new Error(`Unknown environment: ${currentEnv}`);
+
+export const env = envConfigs[currentEnv as keyof typeof envConfigs];

package/assets/assets/app/jest.config.ts.template

@@ -0,0 +1,8 @@
+//! will be replaced with akan.config.ts
+import "tsconfig-paths/register";
+
+import { withBase } from "@akanjs/test/src/jest.config.base";
+
+const config = withBase("akamir");
+
+export default config;

package/assets/assets/app/lib/___appName__/__appName__.constant.ts.template

@@ -0,0 +1,8 @@
+import { Dayjs, dayjs } from "@akanjs/base";
+import { Field, Model } from "@akanjs/constant";
+
+@Model.Scalar("SampleData")
+export class SampleData {
+  @Field.Prop(() => Date, { default: dayjs() })
+  logtime: Dayjs;
+}

package/assets/assets/app/lib/___appName__/__appName__.dictionary.ts.template

@@ -0,0 +1,22 @@
+import { ModelDictionary } from "@akanjs/dictionary";
+
+import { SampleData } from "./<%= appName %>.constant";
+
+const dictionary = {} as const;
+
+const modelDictionary = {
+  airdata: scalarDictionaryOf(SampleData, {
+    modelName: ["Sample Data", "샘플 데이터"],
+    modelDesc: ["Sample Data", "샘플 데이터"],
+    // * ==================== Model ==================== * //
+    logtime: ["Logtime", "로그 시간"],
+    "desc-logtime": ["Logtime", "로그 시간"],
+    // * ==================== Model ==================== * //
+    // * ==================== Etc ==================== * //
+    // * ==================== Etc ==================== * //
+  } satisfies ModelDictionary<SampleData>),
+} as const;
+
+const signalDictionary = {} as const;
+
+export const <%= appName %>Dictionary = { <%= appName %>: dictionary, ...modelDictionary, ...signalDictionary } as const;

package/assets/assets/app/lib/___appName__/__appName__.document.ts.template

@@ -0,0 +1,6 @@
+import { by } from "@akanjs/document";
+
+import * as cnst from "./<%= appName %>.constant";
+
+export class SampleData extends by(cnst.SampleData) {}
+export class SampleDataInput extends by(cnst.SampleData) {}

package/assets/assets/app/lib/___appName__/__appName__.service.ts.template

@@ -0,0 +1,14 @@
+import { Cron } from "@akanjs/nest";
+import { LogService, Service, Srv } from "@akanjs/service";
+
+import type * as srv from "../srv";
+
+@Service("<%= AppName %>Service")
+export class <%= AppName %>Service extends LogService("<%= AppName %>Service") {
+  @Srv() summaryService: srv.SummaryService;
+
+  @Cron("0 * * * *")
+  async takePeriodicSnapshot() {
+    await this.summaryService.makeSummary("periodic");
+  }
+}

package/assets/assets/app/lib/___appName__/__appName__.store.ts.template

@@ -0,0 +1,8 @@
+import { Store, scalarStateOf } from "@akanjs/client";
+
+@Store({ name: "<%= appName %>" })
+export class <%= AppName %>Store extends scalarStateOf("<%= appName %>" as const, {
+  // state
+}) {
+  // action
+}

package/assets/assets/app/lib/___appName__/_server.ts.template

@@ -0,0 +1,8 @@
+import { <%= AppName %>Service } from "./<%= appName %>.service";
+import { allSrvs } from "../srv";
+import { batchModuleOf, scalarModuleOf } from "@akanjs/server";
+
+export const register<%= AppName %>ScalarModule = () =>
+  scalarModuleOf({ signals: [], uses: {} }, allSrvs);
+
+export const register<%= AppName %>BatchModule = () => batchModuleOf({ service: <%= AppName %>Service, uses: {} });

package/assets/assets/app/lib/cnst.ts.template

@@ -0,0 +1,4 @@
+import type { AllSrvs } from "./srv";
+
+export * as cnst from "./cnst_";
+export const Srvs = {} as AllSrvs;

package/assets/assets/app/lib/cnst_.ts.template

@@ -0,0 +1,38 @@
+import { cnstOf } from "@akanjs/constant";
+<%= importCnstAsSharedScript %>
+
+import * as setting from "./setting/setting.constant";
+import * as summary from "./summary/summary.constant";
+import * as user from "./user/user.constant";
+
+<%= exportCnstAsLibsScript %>
+export * from "./_<%= appName %>/<%= appName %>.constant";
+export * from "./user/user.constant";
+export * from "./summary/summary.constant";
+export * from "./setting/setting.constant";
+
+export const settingCnst = cnstOf(
+  "setting" as const,
+  setting.SettingInput,
+  setting.Setting,
+  setting.LightSetting,
+  shared.SettingInsight,
+  shared.SettingFilter
+);
+export const summaryCnst = cnstOf(
+  "summary" as const,
+  summary.SummaryInput,
+  summary.Summary,
+  summary.LightSummary,
+  shared.SummaryInsight,
+  shared.SummaryFilter
+);
+export const userCnst = cnstOf(
+  "user" as const,
+  user.UserInput,
+  user.User,
+  user.LightUser,
+  user.UserInsight,
+  user.UserFilter,
+  user.UserSummary
+);

package/assets/assets/app/lib/db.ts.template

@@ -0,0 +1,44 @@
+import { dbOf } from "@akanjs/document";
+
+import { cnst } from "./cnst";
+import * as setting from "./setting/setting.document";
+import * as summary from "./summary/summary.document";
+import * as user from "./user/user.document";
+
+<%= exportDbAsLibsScript %>
+export type * from "./_<%= appName %>/<%= appName %>.document";
+export type * from "./user/user.document";
+export type * from "./summary/summary.document";
+export type * from "./setting/setting.document";
+
+export const settingDb = dbOf(
+  "setting" as const,
+  setting.SettingInput,
+  setting.Setting,
+  setting.SettingModel,
+  setting.SettingMiddleware,
+  cnst.Setting,
+  cnst.shared.SettingInsight,
+  cnst.shared.SettingFilter
+);
+export const summaryDb = dbOf(
+  "summary" as const,
+  summary.SummaryInput,
+  summary.Summary,
+  summary.SummaryModel,
+  summary.SummaryMiddleware,
+  cnst.Summary,
+  cnst.shared.SummaryInsight,
+  cnst.shared.SummaryFilter
+);
+export const userDb = dbOf(
+  "user" as const,
+  user.UserInput,
+  user.User,
+  user.UserModel,
+  user.UserMiddleware,
+  cnst.User,
+  cnst.UserInsight,
+  cnst.UserFilter,
+  cnst.UserSummary
+);