@akanjs/cli 0.0.92 → 0.0.93

package/src/templates/app/next/index.mjs

@@ -0,0 +1,9 @@
+// pkgs/@akanjs/cli/src/templates/app/next/index.ts
+function getContent(scanResult, dict = {}) {
+  return `
+export * from "./frontendLogic";
+  `;
+}
+export {
+  getContent as default
+};

package/src/templates/app/ui/Footer.d.ts

@@ -0,0 +1,9 @@
+import type { AppScanResult, LibScanResult } from "@akanjs/config";
+interface Dict {
+    CompanyName: string;
+}
+export default function getContent(scanResult: AppScanResult | LibScanResult | null, dict: Dict): {
+    filename: string;
+    content: string;
+};
+export {};

package/src/templates/app/ui/Footer.js

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/app/ui/Footer.tsx
 var Footer_exports = {};
 __export(Footer_exports, {
   default: () => getContent
@@ -63,4 +65,3 @@ export const Footer = () => {
   `
   };
 }
-module.exports = module.exports.default;

package/src/templates/app/ui/Footer.mjs

@@ -0,0 +1,47 @@
+// pkgs/@akanjs/cli/src/templates/app/ui/Footer.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "Footer.tsx",
+    content: `
+import { Image, Link } from "@util/ui";
+
+export const Footer = () => {
+  return (
+    <div className="relative justify-center px-2 pb-12 mt-12 bg-[#f3f3f3] via-secondary-focus to-accent-focus">
+      <div className="container py-10">
+        <div className="justify-between mt-6 md:flex md:mt-10 sm:mt-0">
+          <Link href="/" disabled>
+            <Image src="/logo.svg" className="object-contain fill-black" width={200} height={36} />
+          </Link>
+          <div className="flex gap-4 mt-6 text-xs md:mt-0 md:text-base ">
+            <Link href="/termsofservice">
+              <span className="text-[#777777]">\uC774\uC6A9\uC57D\uAD00</span>
+            </Link>
+            <Link href="/privacy">
+              <span className="text-[#777777]">\uAC1C\uC778\uC815\uBCF4\uCC98\uB9AC\uBC29\uCE68</span>
+            </Link>
+          </div>
+        </div>
+        <div className="items-center justify-between mt-6 text-sm md:text-base md:mt-3 md:flex ">
+          <div className="flex flex-col text-xs md:text-base gap-1 text-[#777777]">
+            ${dict.CompanyName} | CEO_NAME | COMPANY_ADDRESS
+          </div>
+          <div>
+            <div className="flex gap-4 mt-6 text-xs md:text-base md:mt-0">
+              <span className="text-[#777]">\uBB38\uC758</span>
+              <a href="mailto:support@example.com">
+                <span className="text-[#777]">support@example.com</span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

package/src/templates/app/ui/MainHeader.d.ts

@@ -0,0 +1,10 @@
+import type { AppScanResult, LibScanResult } from "@akanjs/config";
+interface Dict {
+    appName: string;
+    AppName: string;
+}
+export default function getContent(scanResult: AppScanResult | LibScanResult | null, dict: Dict): {
+    filename: string;
+    content: string;
+};
+export {};

package/src/templates/app/ui/MainHeader.js

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/app/ui/MainHeader.tsx
 var MainHeader_exports = {};
 __export(MainHeader_exports, {
   default: () => getContent
@@ -127,4 +129,3 @@ export const MainHeader = ({ className, children, items, type = "view" }: MainHe
   `
   };
 }
-module.exports = module.exports.default;

package/src/templates/app/ui/MainHeader.mjs

@@ -0,0 +1,111 @@
+// pkgs/@akanjs/cli/src/templates/app/ui/MainHeader.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "MainHeader.tsx",
+    content: `
+import { usePage } from "@${dict.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">${dict.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>
+  );
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

package/src/templates/app/ui/index.d.ts

@@ -0,0 +1,6 @@
+import type { AppScanResult, LibScanResult } from "@akanjs/config";
+interface Dict {
+    [key: string]: string;
+}
+export default function getContent(scanResult: AppScanResult | LibScanResult | null, dict?: Dict): string;
+export {};

package/src/templates/app/ui/index.js

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/app/ui/index.ts
 var ui_exports = {};
 __export(ui_exports, {
   default: () => getContent
@@ -26,4 +28,3 @@ export { MainHeader } from "./MainHeader";
 export { Footer } from "./Footer";
   `;
 }
-module.exports = module.exports.default;

package/src/templates/app/ui/index.mjs

@@ -0,0 +1,10 @@
+// pkgs/@akanjs/cli/src/templates/app/ui/index.ts
+function getContent(scanResult, dict = {}) {
+  return `
+export { MainHeader } from "./MainHeader";
+export { Footer } from "./Footer";
+  `;
+}
+export {
+  getContent as default
+};

package/src/templates/client.d.ts

@@ -0,0 +1,4 @@
+import type { AppScanResult, LibScanResult } from "@akanjs/config";
+export default function getContent(scanResult: AppScanResult | LibScanResult | null, dict?: {
+    [key: string]: string;
+}): string | null;

package/src/templates/client.js

@@ -15,12 +15,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/client.ts
 var client_exports = {};
 __export(client_exports, {
   default: () => getContent
 });
 module.exports = __toCommonJS(client_exports);
-const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+var capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
 function getContent(scanResult, dict = {}) {
   if (!scanResult)
     return null;
@@ -38,4 +40,3 @@ ${serviceModules.map((module2) => `export { ${capitalize(module2)} } from "./lib
 ${databaseModules.map((module2) => `export { ${capitalize(module2)} } from "./lib/${module2}";`).join("\n")}
 `;
 }
-module.exports = module.exports.default;

package/src/templates/client.mjs

@@ -0,0 +1,22 @@
+// pkgs/@akanjs/cli/src/templates/client.ts
+var capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+function getContent(scanResult, dict = {}) {
+  if (!scanResult)
+    return null;
+  const databaseModules = scanResult.files.components.databases;
+  const scalarModules = scanResult.files.components.scalars;
+  const serviceModules = scanResult.files.components.services;
+  return `
+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";
+${scalarModules.map((module) => `export { ${capitalize(module)} } from "./lib/__scalar/${module}";`).join("\n")}
+${serviceModules.map((module) => `export { ${capitalize(module)} } from "./lib/_${module}";`).join("\n")}
+${databaseModules.map((module) => `export { ${capitalize(module)} } from "./lib/${module}";`).join("\n")}
+`;
+}
+export {
+  getContent as default
+};

package/src/templates/crudPages/[__model__Id]/edit/page.d.ts

@@ -0,0 +1,11 @@
+import type { AppScanResult, LibScanResult } from "@akanjs/config";
+interface Dict {
+    Model: string;
+    model: string;
+    appName: string;
+}
+export default function getContent(scanResult: AppScanResult | LibScanResult | null, dict: Dict): {
+    filename: string;
+    content: string;
+};
+export {};

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

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/crudPages/[__model__Id]/edit/page.tsx
 var page_exports = {};
 __export(page_exports, {
   default: () => getContent
@@ -69,4 +71,3 @@ Page.csrConfig = { transition: "none" } satisfies CsrConfig;
 `
   };
 }
-module.exports = module.exports.default;

package/src/templates/crudPages/[__model__Id]/edit/page.mjs

@@ -0,0 +1,53 @@
+// pkgs/@akanjs/cli/src/templates/crudPages/[__model__Id]/edit/page.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "page.tsx",
+    content: `
+import { AiOutlineTeam } from "react-icons/ai";
+import { Load } from "@shared/ui";
+import { fetch, usePage, ${dict.Model} } from "${dict.appName}/client";
+import type { CsrConfig } from "@akanjs/client";
+
+interface PageProps {
+  params: { ${dict.model}Id: string };
+}
+
+export default function Page({ params }: PageProps) {
+  const { l } = usePage();
+  return (
+    <Load.Page
+      of={Page}
+      loader={async () => {
+        const { ${dict.model}Id } = await params;
+        const { ${dict.model}, ${dict.model}Edit } = await fetch.edit${dict.Model}(${dict.model}Id);
+        return { ${dict.model}, ${dict.model}Edit } as const;
+      }}
+      render={({ ${dict.model}, ${dict.model}Edit }) => (
+        <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.updateModel", { model: l("${dict.model}.modelName") })}
+            </div>
+          </div>
+          <Load.Edit
+            className="flex flex-col items-center"
+            sliceName="${dict.model}InPublic"
+            edit={${dict.model}Edit}
+            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/src/templates/crudPages/[__model__Id]/page.d.ts

@@ -0,0 +1,11 @@
+import type { AppScanResult, LibScanResult } from "@akanjs/config";
+interface Dict {
+    Model: string;
+    model: string;
+    appName: string;
+}
+export default function getContent(scanResult: AppScanResult | LibScanResult | null, dict: Dict): {
+    filename: string;
+    content: string;
+};
+export {};

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

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/crudPages/[__model__Id]/page.tsx
 var page_exports = {};
 __export(page_exports, {
   default: () => getContent
@@ -79,4 +81,3 @@ Page.csrConfig = { transition: "none" } satisfies CsrConfig;
 `
   };
 }
-module.exports = module.exports.default;

package/src/templates/crudPages/[__model__Id]/page.mjs

@@ -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/src/templates/crudPages/new/page.d.ts

@@ -0,0 +1,11 @@
+import type { AppScanResult, LibScanResult } from "@akanjs/config";
+interface Dict {
+    Model: string;
+    model: string;
+    appName: string;
+}
+export default function getContent(scanResult: AppScanResult | LibScanResult | null, dict: Dict): {
+    filename: string;
+    content: string;
+};
+export {};

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

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/crudPages/new/page.tsx
 var page_exports = {};
 __export(page_exports, {
   default: () => getContent
@@ -66,4 +68,3 @@ Page.csrConfig = { transition: "none" } satisfies CsrConfig;
   `
   };
 }
-module.exports = module.exports.default;

package/src/templates/crudPages/new/page.mjs

@@ -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/src/templates/crudPages/page.d.ts

@@ -0,0 +1,11 @@
+import type { AppScanResult, LibScanResult } from "@akanjs/config";
+interface Dict {
+    Model: string;
+    model: string;
+    appName: string;
+}
+export default function getContent(scanResult: AppScanResult | LibScanResult | null, dict: Dict): {
+    filename: string;
+    content: string;
+};
+export {};

package/src/templates/crudPages/page.js

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/crudPages/page.tsx
 var page_exports = {};
 __export(page_exports, {
   default: () => getContent
@@ -67,4 +69,3 @@ Page.csrConfig = { transition: "none" } satisfies CsrConfig;
   `
   };
 }
-module.exports = module.exports.default;

package/src/templates/crudPages/page.mjs

@@ -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/src/templates/index.d.ts

@@ -0,0 +1,6 @@
+import type { AppScanResult, LibScanResult } from "@akanjs/config";
+interface Dict {
+    [key: string]: string;
+}
+export default function getContent(scanResult: AppScanResult | LibScanResult | null, dict?: Dict): string;
+export {};

package/src/templates/index.js

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/index.ts
 var templates_exports = {};
 __export(templates_exports, {
   default: () => getContent
@@ -27,4 +29,3 @@ export { fetch } from "./lib/fetch";
 export * from "./lib/dict";
 `;
 }
-module.exports = module.exports.default;

package/src/templates/index.mjs

@@ -0,0 +1,11 @@
+// pkgs/@akanjs/cli/src/templates/index.ts
+function getContent(scanResult, dict = {}) {
+  return `
+export { cnst } from "./lib/cnst";
+export { fetch } from "./lib/fetch";
+export * from "./lib/dict";
+`;
+}
+export {
+  getContent as default
+};