@akanjs/cli 0.0.148 → 0.0.150

package/esm/src/templates/crudPages/[__model__Id]/page.js

@@ -0,0 +1,63 @@
+// pkgs/@akanjs/cli/src/templates/crudPages/[__model__Id]/page.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "page.tsx",
+    content: `
+import { ${dict.Model}, fetch, usePage } from "${dict.appName}/client";
+import { Link } from "@util/ui";
+import { Load } from "@shared/ui";
+import { getSelf } from "@akanjs/client";
+import { AiOutlineEdit } from "react-icons/ai";
+import type { CsrConfig } from "@akanjs/client";
+
+interface PageProps {
+  params: { ${dict.model}Id: string };
+}
+
+export async function generateMetadata({ params }: PageProps) {
+  const { ${dict.model}Id } = await params;
+  const { ${dict.model} } = await fetch.view${dict.Model}(${dict.model}Id);
+  return {
+    title: ${dict.model}.id,
+    description: ${dict.model}.id,
+    openGraph: {
+      title: ${dict.model}.id,
+      description: ${dict.model}.id,
+      // images: ${dict.model}.thumbnails.map((i) => i.url),
+    },
+  };
+}
+export default function Page({ params }: PageProps) {
+  const { l } = usePage();
+  const self = getSelf({ unauthorize: "/signin" });
+  return (
+    <Load.Page
+      of={Page}
+      loader={async () => {
+        const { ${dict.model}Id } = await params;
+        const { ${dict.model}, ${dict.model}View } = await fetch.view${dict.Model}(${dict.model}Id);
+        return { ${dict.model}, ${dict.model}View } as const;
+      }}
+      render={({ ${dict.model}, ${dict.model}View }) => (
+        <div className="container flex flex-col gap-4">
+          <div className="flex gap-4 font-bold text-lg items-center">
+            ${dict.Model}.Zone.View view={${dict.model}View} />
+            <Link href={\`/${dict.model}/\${${dict.model}.id}/edit\`}>
+              <button className="btn">
+                <AiOutlineEdit />
+                {l("shared.updateModel", { model: l("${dict.model}.modelName") })}
+              </button>
+            </Link>
+          </div>
+        </div>
+      )}
+    />
+  );
+}
+Page.csrConfig = { transition: "none" } satisfies CsrConfig;
+`
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/crudPages/new/page.js

@@ -0,0 +1,50 @@
+// pkgs/@akanjs/cli/src/templates/crudPages/new/page.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "page.tsx",
+    content: `
+import { AiOutlineTeam } from "react-icons/ai";
+import { Load } from "@shared/ui";
+import { cnst, fetch, usePage, ${dict.Model} } from "${dict.appName}/client";
+import { getSelf } from "@akanjs/client";
+import type { CsrConfig } from "@akanjs/client";
+
+export default function Page() {
+  const { l } = usePage();
+  const self = getSelf({ unauthorize: "/signin" });
+  return (
+    <Load.Page
+      of={Page}
+      loader={async () => {
+        const ${dict.model}Form: Partial<cnst.${dict.Model}> = {};
+        return { ${dict.model}Form } as const;
+      }}
+      render={({ ${dict.model}Form }) => (
+        <div className="container">
+          <div className="flex justify-between m-4 mt-8">
+            <div className="text-xl text-primary flex gap-2 items-center">
+              <AiOutlineTeam /> {l("shared.createModel", { model: l("${dict.model}.modelName") })}
+            </div>
+          </div>
+          <Load.Edit
+            className="flex flex-col items-center"
+            sliceName="${dict.model}InPublic"
+            edit={${dict.model}Form}
+            type="form"
+            onCancel="back"
+            onSubmit="/${dict.model}"
+          >
+            ${dict.Model}.Template.General
+          </Load.Edit>
+        </div>
+      )}
+    />
+  );
+}
+Page.csrConfig = { transition: "none" } satisfies CsrConfig;
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/crudPages/page.js

@@ -0,0 +1,51 @@
+// pkgs/@akanjs/cli/src/templates/crudPages/page.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "page.tsx",
+    content: `
+import { ${dict.Model}, fetch, usePage } from "${dict.appName}/client";
+import { Link } from "@util/ui";
+import { Load } from "@shared/ui";
+import { getSelf } from "@akanjs/client";
+import type { CsrConfig } from "@akanjs/client";
+
+export default function Page() {
+  const { l } = usePage();
+  const self = getSelf({ unauthorize: "/signin" });
+  return (
+    <Load.Page
+      of={Page}
+      loader={async () => {
+        const { ${dict.model}InitInPublic } = await fetch.init${dict.Model}InPublic();
+        return { ${dict.model}InitInPublic } as const;
+      }}
+      render={({ ${dict.model}InitInPublic }) => (
+        <div className="container flex flex-col gap-4">
+          <div className="w-full mt-5 px-5 h-full ">
+            <div>{l("${dict.model}.modelName")}</div>
+            <div className="animate-fadeIn px-4 pt-4 flex gap-4 items-center">
+              <div className="font-bold text-lg md:text-4xl">${dict.Model}s</div>
+              <Link href={\`/${dict.model}/new\`}>
+                <button className="btn">+ {l("shared.createModel", { model: l("${dict.model}.modelName") })}</button>
+              </Link>
+            </div>
+            <div>{l("${dict.model}.modelDesc")}</div>
+            <div className="flex px-6 mt-3 gap-4">
+              ${dict.Model}.Zone.Card
+                className="animate-fadeIn grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 justify-center gap-4 w-full"
+                init={${dict.model}InitInPublic}
+              />
+            </div>
+          </div>
+        </div>
+      )}
+    />
+  );
+}
+Page.csrConfig = { transition: "none" } satisfies CsrConfig;
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/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/esm/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/esm/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/esm/src/templates/libRoot/lib/setting/Setting.Template.js

@@ -0,0 +1,37 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/setting/Setting.Template.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "Setting.Template.tsx",
+    content: `
+"use client";
+import { st, usePage } from "@${dict.libName}/client";
+
+interface GeneralProps {
+  settingId?: string | null;
+}
+
+export const General = ({ settingId = undefined }: GeneralProps) => {
+  const settingForm = st.use.settingForm();
+  const { l } = usePage();
+  return (
+    <div className="mb-4 flex items-center">
+      <div className="flex items-center gap-2">
+        <div className="w-32">{l("setting.resignupDays")}</div>
+        <input
+          type="number"
+          className="input"
+          value={settingForm.resignupDays}
+          onChange={(e) => {
+            st.do.setResignupDaysOnSetting(e.target.valueAsNumber);
+          }}
+        />
+      </div>
+    </div>
+  );
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/libRoot/lib/setting/Setting.Unit.js

@@ -0,0 +1,18 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/setting/Setting.Unit.tsx
+function getContent(scanResult, dict = {}) {
+  return {
+    filename: "Setting.Unit.tsx",
+    content: `
+import { ModelProps } from "@akanjs/client";
+
+import { cnst } from "../cnst";
+
+export const Card = ({ className, setting }: ModelProps<"setting", cnst.LightSetting>) => {
+  return <div>{setting.id}</div>;
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/libRoot/lib/setting/Setting.Util.js

@@ -0,0 +1,14 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/setting/Setting.Util.tsx
+function getContent(scanResult, dict = {}) {
+  return {
+    filename: "Setting.Util.tsx",
+    content: `
+"use client";
+
+export const aaa = 1;
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/libRoot/lib/setting/Setting.View.js

@@ -0,0 +1,31 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/setting/Setting.View.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "Setting.View.tsx",
+    content: `
+import { clsx } from "@akanjs/client";
+import { usePage } from "@${dict.libName}/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>
+  );
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/libRoot/lib/setting/Setting.Zone.js

@@ -0,0 +1,60 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/setting/Setting.Zone.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "Setting.Zone.tsx",
+    content: `
+"use client";
+import { ModelsProps } from "@akanjs/client";
+import { Setting, st, usePage } from "@${dict.libName}/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>
+  );
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/libRoot/lib/setting/index.js

@@ -0,0 +1,41 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/setting/index.tsx
+function getContent(scanResult, dict = {}) {
+  return {
+    filename: "index.tsx",
+    content: `
+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,
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/libRoot/lib/summary/Summary.Template.js

@@ -0,0 +1,23 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/summary/Summary.Template.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "Summary.Template.tsx",
+    content: `
+"use client";
+import { st, usePage } from "@${dict.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>;
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/libRoot/lib/summary/Summary.Unit.js

@@ -0,0 +1,18 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/summary/Summary.Unit.tsx
+function getContent(scanResult, dict = {}) {
+  return {
+    filename: "Summary.Unit.tsx",
+    content: `
+import { ModelProps } from "@akanjs/client";
+
+import { cnst } from "../cnst";
+
+export const Card = ({ className, summary }: ModelProps<"summary", cnst.LightSummary>) => {
+  return <div>{summary.id}</div>;
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/libRoot/lib/summary/Summary.Util.js

@@ -0,0 +1,13 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/summary/Summary.Util.tsx
+function getContent(scanResult, dict = {}) {
+  return {
+    filename: "Summary.Util.tsx",
+    content: `
+"use client";
+export const noData = 1;
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/libRoot/lib/summary/Summary.View.js

@@ -0,0 +1,31 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/summary/Summary.View.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "Summary.View.tsx",
+    content: `
+import { User, usePage } from "@${dict.libName}/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>
+  );
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/libRoot/lib/summary/Summary.Zone.js

@@ -0,0 +1,42 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/summary/Summary.Zone.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "Summary.Zone.tsx",
+    content: `
+"use client";
+import { ModelsProps } from "@akanjs/client";
+import { DefaultOf } from "@akanjs/signal";
+import { st, Summary } from "@${dict.libName}/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} />;
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/libRoot/lib/summary/index.js

@@ -0,0 +1,47 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/summary/index.tsx
+function getContent(scanResult, dict = {}) {
+  return {
+    filename: "index.tsx",
+    content: `
+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,
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/libRoot/lib/user/User.Template.js

@@ -0,0 +1,45 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/User.Template.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "User.Template.tsx",
+    content: `
+"use client";
+import { clsx } from "@akanjs/client";
+import { Field } from "@shared/ui";
+import { Layout } from "@util/ui";
+import { st, usePage } from "@${dict.libName}/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>
+  );
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/libRoot/lib/user/User.Unit.js

@@ -0,0 +1,18 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/User.Unit.tsx
+function getContent(scanResult, dict = {}) {
+  return {
+    filename: "User.Unit.tsx",
+    content: `
+import { ModelProps } from "@akanjs/client";
+
+import { cnst } from "../cnst";
+
+export const Card = ({ className, user }: ModelProps<"user", cnst.LightUser>) => {
+  return <div>{user.id}</div>;
+};
+  `
+  };
+}
+export {
+  getContent as default
+};