@akanjs/cli 0.0.34 → 0.0.36

package/assets/app/lib/setting/Setting.View.tsx.template

@@ -0,0 +1,20 @@
+import { clsx } from "@akanjs/client";
+import { usePage } from "@<%= appName %>/client";
+
+import { cnst } from "../cnst";
+
+interface SettingViewProps {
+  className?: string;
+  setting: cnst.Setting;
+}
+
+export const General = ({ className, setting }: SettingViewProps) => {
+  const { l } = usePage();
+  return (
+    <div className={clsx(className, `mr-12`)}>
+      <div>
+        {l("setting.resignupDays")}: {setting.resignupDays}
+      </div>
+    </div>
+  );
+};

package/assets/app/lib/setting/Setting.Zone.tsx.template

@@ -0,0 +1,49 @@
+"use client";
+import { ModelsProps } from "@akanjs/client";
+import { Setting, st, usePage } from "@<%= appName %>/client";
+import { Model } from "@shared/ui";
+import { Loading } from "@util/ui";
+import { useEffect } from "react";
+import { AiOutlineEdit } from "react-icons/ai";
+
+import { cnst } from "../cnst";
+import { msg } from "../dict";
+
+export const Admin = ({ sliceName = "setting" }: ModelsProps<cnst.Setting>) => {
+  const { l } = usePage();
+  const setting = st.use.setting();
+  const settingModal = st.use.settingModal();
+  useEffect(() => {
+    void st.do.getActiveSetting();
+  }, []);
+  if (!setting) return <Loading.Skeleton active />;
+
+  return (
+    <div>
+      <div className="my-2 flex items-center gap-4 text-3xl">
+        {l("setting.modelName")}
+        {settingModal ? null : (
+          <button className="btn btn-sm" onClick={() => st.do.editSetting(setting.id)}>
+            <AiOutlineEdit /> {l("shared.edit")}
+          </button>
+        )}
+      </div>
+      {settingModal === "edit" ? (
+        <Model.EditModal
+          sliceName="setting"
+          type="form"
+          onSubmit={() => {
+            msg.success("setting.updateSuccessMsg");
+          }}
+          onCancel={() => {
+            st.do.resetSetting(setting);
+          }}
+        >
+          <Setting.Template.General />
+        </Model.EditModal>
+      ) : (
+        <Setting.View.General setting={setting} />
+      )}
+    </div>
+  );
+};

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

@@ -0,0 +1,19 @@
+import { databaseModuleOf } from "@akanjs/server";
+
+import { cnst } from "../cnst";
+import * as db from "../db";
+import { allSrvs } from "../srv";
+import { SettingService } from "./setting.service";
+import { SettingSignal } from "./setting.signal";
+
+export const registerSettingModule = () =>
+  databaseModuleOf(
+    {
+      constant: cnst.settingCnst,
+      database: db.settingDb,
+      signal: SettingSignal,
+      service: SettingService,
+      extended: true,
+    },
+    allSrvs
+  );

package/assets/app/lib/setting/index.tsx.template

@@ -0,0 +1,30 @@
+import { Signal } from "@util/ui";
+import { AiOutlineSetting } from "react-icons/ai";
+
+import * as Template from "./Setting.Template";
+import * as Unit from "./Setting.Unit";
+import * as Util from "./Setting.Util";
+import * as View from "./Setting.View";
+import * as Zone from "./Setting.Zone";
+
+export const Setting = {
+  Menu: {
+    Admin: {
+      key: "setting",
+      label: "Setting",
+      icon: <AiOutlineSetting />,
+      render: () => <Zone.Admin />,
+    },
+    Doc: {
+      key: "setting",
+      label: "Setting",
+      icon: <AiOutlineSetting />,
+      render: () => <Signal.Doc.Zone refName="setting" />,
+    },
+  },
+  Template,
+  Unit,
+  Util,
+  View,
+  Zone,
+};

package/assets/app/lib/setting/setting.constant.ts.template

@@ -0,0 +1,17 @@
+import { from, Model, via } from "@akanjs/constant";
+<%= importCnstAsLibsScript %>
+
+@Model.Input("<%= AppName %>SettingInput")
+export class <%= AppName %>SettingInput {}
+
+@Model.Input("SettingInput")
+export class SettingInput extends from(<%= libSettingInputs %>, <%= AppName %>SettingInput) {}
+
+@Model.Object("SettingObject")
+export class SettingObject extends from(<%= libSettings %>, SettingInput) {}
+
+@Model.Light("LightSetting")
+export class LightSetting extends via(SettingObject, ["status"] as const) {}
+
+@Model.Full("Setting")
+export class Setting extends via(SettingObject, LightSetting, shared.Setting, shared.LightSetting) {}

package/assets/app/lib/setting/setting.dictionary.ts.template

@@ -0,0 +1,18 @@
+import { ExtendModelDictionary, SignalDictionary } from "@akanjs/dictionary";
+
+import type { <%= AppName %>SettingInput } from "./setting.constant";
+import type { SettingSignal } from "./setting.signal";
+
+const modelDictionary = {
+  // * ==================== Model ==================== * //
+  // * ==================== Model ==================== * //
+  // * ==================== Etc ==================== * //
+  // * ==================== Etc ==================== * //
+} satisfies ExtendModelDictionary<<%= AppName %>SettingInput>;
+
+const signalDictionary = {
+  // * ==================== Endpoint ==================== * //
+  // * ==================== Endpoint ==================== * //
+} satisfies SignalDictionary<SettingSignal, <%= AppName %>SettingInput>;
+
+export const settingDictionary = { ...modelDictionary, ...signalDictionary };

package/assets/app/lib/setting/setting.document.ts.template

@@ -0,0 +1,20 @@
+import { beyond, by, Database, into, type SchemaOf } from "@akanjs/document";
+import { db as shared } from "@shared/server";
+
+import { cnst } from "../cnst";
+
+@Database.Input(() => cnst.SettingInput)
+export class SettingInput extends by(shared.settingDb.Input, cnst.SettingInput) {}
+
+@Database.Document(() => cnst.Setting)
+export class Setting extends by(shared.settingDb.Doc, cnst.Setting) {}
+
+@Database.Model(() => cnst.Setting)
+export class SettingModel extends into(Setting, cnst.settingCnst) {}
+
+@Database.Middleware(() => cnst.Setting)
+export class SettingMiddleware extends beyond(SettingModel, Setting) {
+  onSchema(schema: SchemaOf<SettingModel, Setting>) {
+    //
+  }
+}

package/assets/app/lib/setting/setting.service.ts.template

@@ -0,0 +1,12 @@
+import { ExtendedSettingService, MixSrvs, Service } from "@akanjs/service";
+<%= importSrvAsLibsScript %>
+
+import * as db from "../db";
+
+@Service("SettingService")
+export class SettingService extends ExtendedSettingService(
+  db.settingDb,
+  MixSrvs(<%= libSettingServices %>)
+) {
+  //
+}

package/assets/app/lib/setting/setting.signal.ts.template

@@ -0,0 +1,6 @@
+import { LogSignal, Signal } from "@akanjs/signal";
+
+import { cnst, Srvs } from "../cnst";
+
+@Signal(() => cnst.Setting)
+export class SettingSignal extends LogSignal(Srvs) {}

package/assets/app/lib/setting/setting.store.ts.template

@@ -0,0 +1,13 @@
+import { stateOf, Store } from "@akanjs/store";
+
+import { cnst } from "../cnst";
+import { fetch, settingGql } from "../fetch";
+
+@Store(() => cnst.Setting)
+export class SettingStore extends stateOf(settingGql, {
+  // state
+}) {
+  async getActiveSetting() {
+    this.set({ setting: (await fetch.getActiveSetting()) as cnst.Setting, settingLoading: false });
+  }
+}

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

@@ -0,0 +1,3 @@
+export { UserSignal } from "./user/user.signal";
+export { SummarySignal } from "./summary/summary.signal";
+export { SettingSignal } from "./setting/setting.signal";

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

@@ -0,0 +1,20 @@
+import { GetServices } from "@akanjs/service";
+<%= importSrvAsLibsScript %>
+
+import { SettingService } from "./setting/setting.service";
+import { SummaryService } from "./summary/summary.service";
+import { UserService } from "./user/user.service";
+
+<%= exportSrvAsLibsScript %>
+export { UserService } from "./user/user.service";
+export { SummaryService } from "./summary/summary.service";
+export { SettingService } from "./setting/setting.service";
+
+export const allSrvs = {
+  <%= ...libAllSrvs %>,
+  UserService,
+  SummaryService,
+  SettingService,
+};
+
+export type AllSrvs = GetServices<typeof allSrvs>;

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

@@ -0,0 +1,6 @@
+"use client";
+import { makeStore, st as baseSt } from "@akanjs/store";
+
+import { store } from "./store";
+
+export const st = makeStore(baseSt, store);

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

@@ -0,0 +1,17 @@
+"use client";
+import { MixStore, rootStoreOf } from "@akanjs/store";
+<%= importStoreAsLibsScript %>
+
+import { <%= AppName %>Store } from "./_<%= appName %>/<%= appName %>.store";
+import { SettingStore } from "./setting/setting.store";
+import { SummaryStore } from "./summary/summary.store";
+import { UserStore } from "./user/user.store";
+
+export class RootStore extends MixStore(
+  <%= libs %>,
+  <%= AppName %>Store,
+  UserStore,
+  SummaryStore,
+  SettingStore,
+) {}
+export const store = rootStoreOf(RootStore);

package/assets/app/lib/summary/Summary.Template.tsx.template

@@ -0,0 +1,12 @@
+"use client";
+import { st, usePage } from "@<%= appName %>/client";
+
+interface SummaryEditProps {
+  summaryId?: string | null;
+}
+
+export const General = ({ summaryId = undefined }: SummaryEditProps) => {
+  const summaryForm = st.use.summaryForm();
+  const { l } = usePage();
+  return <div className="flex items-center mb-4"></div>;
+};

package/assets/app/lib/summary/Summary.Unit.tsx.template

@@ -0,0 +1,7 @@
+import { ModelProps } from "@akanjs/client";
+
+import { cnst } from "../cnst";
+
+export const Card = ({ className, summary }: ModelProps<"summary", cnst.LightSummary>) => {
+  return <div>{summary.id}</div>;
+};

package/assets/app/lib/summary/Summary.Util.tsx.template

@@ -0,0 +1,2 @@
+"use client";
+export const aa = 1;

package/assets/app/lib/summary/Summary.View.tsx.template

@@ -0,0 +1,20 @@
+import { User, usePage } from "@<%= appName %>/client";
+import { clsx } from "@akanjs/client";
+
+import { cnst } from "../cnst";
+
+interface SummaryViewProps {
+  className?: string;
+  summary: cnst.Summary;
+}
+
+export const General = ({ className, summary }: SummaryViewProps) => {
+  const { l } = usePage();
+  return (
+    <div className={clsx(className, `mr-12`)}>
+      <div className="grid grid-cols-5 gap-4">
+        <User.Util.Stat className="col-span-2 " summary={summary} />
+      </div>
+    </div>
+  );
+};

package/assets/app/lib/summary/Summary.Zone.tsx.template

@@ -0,0 +1,31 @@
+"use client";
+import { ModelsProps } from "@akanjs/client";
+import { DefaultOf } from "@akanjs/signal";
+import { st, Summary } from "@<%= appName %>/client";
+import { Data } from "@shared/ui";
+import { Loading } from "@util/ui";
+
+import { cnst } from "../cnst";
+
+export const Admin = ({ sliceName = "summary", init, query }: ModelsProps<cnst.Summary>) => {
+  return (
+    <Data.ListContainer
+      init={init}
+      query={query}
+      sliceName={sliceName}
+      renderItem={Summary.Unit.Card}
+      renderTemplate={Summary.Template.General}
+      renderTitle={(summary: DefaultOf<cnst.Summary>) => `${summary.at}`}
+      renderView={(summary: cnst.Summary) => <Summary.View.General summary={summary} />}
+      type="list"
+      columns={["type", "status", "createdAt"]}
+      actions={(summary: cnst.LightSummary, idx) => ["remove", "edit"]}
+    />
+  );
+};
+
+export const Dashboard = () => {
+  const summary = st.use.summary();
+  if (!summary) return <Loading.Skeleton active />;
+  return <Summary.View.General summary={summary} />;
+};

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

@@ -0,0 +1,19 @@
+import { databaseModuleOf } from "@akanjs/server";
+
+import { cnst } from "../cnst";
+import * as db from "../db";
+import { allSrvs } from "../srv";
+import { SummaryService } from "./summary.service";
+import { SummarySignal } from "./summary.signal";
+
+export const registerSummaryModule = () =>
+  databaseModuleOf(
+    {
+      constant: cnst.summaryCnst,
+      database: db.summaryDb,
+      signal: SummarySignal,
+      service: SummaryService,
+      extended: true,
+    },
+    allSrvs
+  );

package/assets/app/lib/summary/index.tsx.template

@@ -0,0 +1,36 @@
+import { Signal } from "@util/ui";
+import { AiOutlineLineChart } from "react-icons/ai";
+
+import * as Template from "./Summary.Template";
+import * as Unit from "./Summary.Unit";
+import * as Util from "./Summary.Util";
+import * as View from "./Summary.View";
+import * as Zone from "./Summary.Zone";
+
+export const Summary = {
+  Menu: {
+    Admin: {
+      key: "summary",
+      label: "Summary",
+      icon: <AiOutlineLineChart />,
+      render: () => <Zone.Admin />,
+    },
+    Doc: {
+      key: "summary",
+      label: "Summary",
+      icon: <AiOutlineLineChart />,
+      render: () => <Signal.Doc.Zone refName="summary" />,
+    },
+    Dashboard: {
+      key: "summary",
+      label: "Summary",
+      icon: <AiOutlineLineChart />,
+      render: () => <Zone.Dashboard />,
+    },
+  },
+  Template,
+  Unit,
+  Util,
+  View,
+  Zone,
+};

package/assets/app/lib/summary/summary.constant.ts.template

@@ -0,0 +1,16 @@
+import { from, Model, over, via } from "@akanjs/constant";
+<%= importCnstAsLibsScript %>
+
+import { <%= AppName %>UserSummary } from "../user/user.constant";
+
+@Model.Summary("<%= AppName %>Summary")
+export class <%= AppName %>Summary extends over(<%= AppName %>UserSummary, <%= AppName %>UserSummary) {}
+
+export class SummaryObject extends from(<%= libSummaries %>, <%= AppName %>Summary) {}
+export class SummaryInput extends shared.SummaryInput {}
+
+@Model.Light("LightSummary")
+export class LightSummary extends via(SummaryObject, ["at"] as const) {}
+
+@Model.Full("Summary")
+export class Summary extends via(SummaryObject, LightSummary, shared.Summary, shared.LightSummary) {}

package/assets/app/lib/summary/summary.dictionary.ts.template

@@ -0,0 +1,21 @@
+import { ExtendModelDictionary, SignalDictionary } from "@akanjs/dictionary";
+
+import { userSummaryDictionary } from "../user/user.dictionary";
+import type { <%= AppName %>Summary } from "./summary.constant";
+import type { SummarySignal } from "./summary.signal";
+
+const modelDictionary = {
+  // * ==================== Model ==================== * //
+  ...userSummaryDictionary,
+  // * ==================== Model ==================== * //
+
+  // * ==================== Etc ==================== * //
+  // * ==================== Etc ==================== * //
+} satisfies ExtendModelDictionary<<%= AppName %>Summary>;
+
+const signalDictionary = {
+  // * ==================== Endpoint ==================== * //
+  // * ==================== Endpoint ==================== * //
+} satisfies SignalDictionary<SummarySignal, <%= AppName %>Summary>;
+
+export const summaryDictionary = { ...modelDictionary, ...signalDictionary };

package/assets/app/lib/summary/summary.document.ts.template

@@ -0,0 +1,20 @@
+import { beyond, by, Database, inside, type SchemaOf } from "@akanjs/document";
+import { db as shared } from "@shared/server";
+
+import { cnst } from "../cnst";
+
+@Database.Input(() => cnst.SummaryInput)
+export class SummaryInput extends by(shared.summaryDb.Input, cnst.SummaryInput) {}
+
+@Database.Document(() => cnst.Summary)
+export class Summary extends by(shared.summaryDb.Doc, cnst.Summary) {}
+
+@Database.Model(() => cnst.Summary)
+export class SummaryModel extends inside(shared.summaryDb.Model, cnst.summaryCnst) {}
+
+@Database.Middleware(() => cnst.Summary)
+export class SummaryMiddleware extends beyond(SummaryModel, Summary) {
+  onSchema(schema: SchemaOf<SummaryModel, Summary>) {
+    //
+  }
+}

package/assets/app/lib/summary/summary.service.ts.template

@@ -0,0 +1,26 @@
+import { ExtendedSummaryService, MixSrvs, Service, Srv } from "@akanjs/server";
+<%= importSrvAsLibsScript %>
+
+import * as db from "../db";
+import type * as srv from "../srv";
+
+@Service("SummaryService")
+export class SummaryService extends ExtendedSummaryService(
+  db.summaryDb,
+  MixSrvs(<%= libSummaryServices %>)
+) {
+  @Srv() userService: srv.UserService;
+
+  async get<%= AppName %>Summary() {
+    return {
+      ...(await this.userService.summarize<%= AppName %>()),
+    };
+  }
+  async makeSummary(archiveType: "periodic" | "non-periodic" = "non-periodic"): Promise<db.Summary> {
+    const summary = {
+      <%= thisGetLibsSummary %>
+      ...(await this.get<%= AppName %>Summary()),
+    };
+    return (await this.summaryModel.archive(archiveType, summary)) as db.Summary;
+  }
+}

package/assets/app/lib/summary/summary.signal.ts.template

@@ -0,0 +1,6 @@
+import { LogSignal, Signal } from "@akanjs/signal";
+
+import { cnst, Srvs } from "../cnst";
+
+@Signal(() => cnst.Summary)
+export class SummarySignal extends LogSignal(Srvs) {}

package/assets/app/lib/summary/summary.store.ts.template

@@ -0,0 +1,13 @@
+import { stateOf, Store } from "@akanjs/store";
+
+import { cnst } from "../cnst";
+import { fetch, summaryGql } from "../fetch";
+
+@Store(() => cnst.Summary)
+export class SummaryStore extends stateOf(summaryGql, {
+  // state
+}) {
+  async getActiveSummary() {
+    this.set({ summary: (await fetch.getActiveSummary()) as cnst.Summary, summaryLoading: false });
+  }
+}

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

@@ -0,0 +1,5 @@
+import { makePageProto } from "@akanjs/next";
+
+import { dictionary } from "./dict";
+
+export const usePage = makePageProto([dictionary]);

package/assets/app/lib/user/User.Template.tsx.template

@@ -0,0 +1,34 @@
+"use client";
+import { clsx } from "@akanjs/client";
+import { Field } from "@shared/ui";
+import { Layout } from "@util/ui";
+import { st, usePage } from "@<%= appName %>/client";
+
+interface UserEditProps {
+  className?: string;
+  userId?: string | null;
+}
+
+export const General = ({ className, userId = undefined }: UserEditProps) => {
+  const userForm = st.use.userForm();
+  const { l } = usePage();
+  return (
+    <Layout.Template className={clsx(`flex flex-col gap-4`, className)}>
+      <div className="w-[150px] flex mt-10 md:mt-0">
+        <Field.Img
+          label={l.field("user", "image")}
+          desc={l.desc("user", "image")}
+          sliceName="user"
+          value={userForm.image}
+          onChange={st.do.setImageOnUser}
+        />
+      </div>
+      <Field.Text
+        label={l.field("user", "nickname")}
+        desc={l.desc("user", "nickname")}
+        value={userForm.nickname}
+        onChange={st.do.setNicknameOnUser}
+      />
+    </Layout.Template>
+  );
+};

package/assets/app/lib/user/User.Unit.tsx.template

@@ -0,0 +1,7 @@
+import { ModelProps } from "@akanjs/client";
+
+import { cnst } from "../cnst";
+
+export const Card = ({ className, user }: ModelProps<"user", cnst.LightUser>) => {
+  return <div>{user.id}</div>;
+};

package/assets/app/lib/user/User.Util.tsx.template

@@ -0,0 +1,63 @@
+"use client";
+import { ModelDashboardProps, ModelInsightProps } from "@akanjs/client";
+import { getQueryMap } from "@akanjs/constant";
+import { cnst, st } from "@<%= appName %>/client";
+import { Data } from "@shared/ui";
+import { AiOutlineEdit, AiOutlineLock, AiOutlineUnlock } from "react-icons/ai";
+
+export const Stat = ({
+  className,
+  summary,
+  sliceName = "user",
+  queryMap = getQueryMap(cnst.UserSummary),
+  hidePresents,
+}: ModelDashboardProps<cnst.Summary>) => {
+  return (
+    <Data.Dashboard
+      className={className}
+      summary={summary}
+      sliceName={sliceName}
+      queryMap={queryMap}
+      columns={["totalUser", "dau"]}
+      hidePresents={hidePresents}
+    />
+  );
+};
+export const Insight = ({ className, insight, sliceName = "user" }: ModelInsightProps<cnst.UserInsight>) => {
+  return <Data.Insight className={className} insight={insight} sliceName={sliceName} columns={["count"]} />;
+};
+
+interface RestrictProps {
+  id: string;
+}
+export const Restrict = ({ id }: RestrictProps) => {
+  return (
+    <button className="gap-2 btn btn-sm" onClick={() => st.do.restrictUser(id, "Violated Community Guidelines")}>
+      <AiOutlineLock />
+      Restrict
+    </button>
+  );
+};
+
+interface ReleaseProps {
+  id: string;
+}
+export const Release = ({ id }: ReleaseProps) => {
+  return (
+    <button className="gap-2 border-dashed btn btn-sm btn-outline" onClick={() => st.do.releaseUser(id)}>
+      <AiOutlineUnlock />
+      Release
+    </button>
+  );
+};
+
+export const EditSelf = () => {
+  const self = st.use.self();
+  const userModal = st.use.userModal();
+  return userModal !== "edit" ? (
+    <button className="gap-2 btn" onClick={() => st.do.editUser(self)}>
+      <AiOutlineEdit />
+      Edit
+    </button>
+  ) : null;
+};