@akanjs/cli 0.0.142 → 0.0.144

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

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

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

@@ -1,42 +0,0 @@
-// pkgs/@akanjs/cli/src/templates/app/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.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} />;
-};
-  `
-  };
-}
-export {
-  getContent as default
-};

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

@@ -1,47 +0,0 @@
-// pkgs/@akanjs/cli/src/templates/app/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/app/lib/user/User.Template.js

@@ -1,45 +0,0 @@
-// pkgs/@akanjs/cli/src/templates/app/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.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>
-  );
-};
-  `
-  };
-}
-export {
-  getContent as default
-};

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

@@ -1,18 +0,0 @@
-// pkgs/@akanjs/cli/src/templates/app/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
-};

package/esm/src/templates/app/lib/user/User.Util.js

@@ -1,74 +0,0 @@
-// pkgs/@akanjs/cli/src/templates/app/lib/user/User.Util.tsx
-function getContent(scanResult, dict) {
-  return {
-    filename: "User.Util.tsx",
-    content: `
-"use client";
-import { ModelDashboardProps, ModelInsightProps } from "@akanjs/client";
-import { getQueryMap } from "@akanjs/constant";
-import { cnst, st } from "@${dict.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;
-};
-`
-  };
-}
-export {
-  getContent as default
-};

package/esm/src/templates/app/lib/user/User.View.js

@@ -1,46 +0,0 @@
-// pkgs/@akanjs/cli/src/templates/app/lib/user/User.View.tsx
-function getContent(scanResult, dict) {
-  return {
-    filename: "User.View.tsx",
-    content: `
-import { clsx } from "@akanjs/client";
-import { usePage } from "@${dict.appName}/client";
-import { Avatar } from "@util/ui";
-import { AiOutlineUser } from "react-icons/ai";
-
-import { cnst } from "../cnst";
-
-interface UserViewProps {
-  className?: string;
-  user: cnst.User;
-}
-
-export const General = ({ className, user }: UserViewProps) => {
-  const { l } = usePage();
-  return (
-    <div className={clsx("flex flex-col gap-4", className)}>
-      <div>
-        <div className="font-bold">Profile</div>
-        <div className="text-base">
-          <Avatar
-            className="flex items-center justify-center w-24 h-24"
-            icon={<AiOutlineUser className="text-4xl" />}
-            src={user.image?.url}
-          />
-        </div>
-      </div>
-      <div>
-        <div className="flex gap-2 items-center">
-          <div className="font-bold">Nickname</div>
-        </div>
-        <p className="text-base">{user.nickname}</p>
-      </div>
-    </div>
-  );
-};
-  `
-  };
-}
-export {
-  getContent as default
-};

package/esm/src/templates/app/lib/user/User.Zone.js

@@ -1,54 +0,0 @@
-// pkgs/@akanjs/cli/src/templates/app/lib/user/User.Zone.tsx
-function getContent(scanResult, dict) {
-  return {
-    filename: "User.Zone.tsx",
-    content: `
-"use client";
-import { ModelsProps } from "@akanjs/client";
-import { DefaultOf } from "@akanjs/signal";
-import { cnst, st, User } from "@${dict.appName}/client";
-import { Data, Model } from "@shared/ui";
-
-export const Admin = ({ sliceName = "user", init, query }: ModelsProps<cnst.User>) => {
-  return (
-    <Data.ListContainer
-      init={init}
-      query={query}
-      sliceName={sliceName}
-      renderItem={User.Unit.Card}
-      renderDashboard={User.Util.Stat}
-      renderInsight={User.Util.Insight}
-      renderTemplate={User.Template.General}
-      renderTitle={(user: DefaultOf<cnst.User>) => \`\${user.nickname}\`}
-      renderView={(user: cnst.User) => <User.View.General user={user} />}
-      type="list"
-      columns={["nickname", "status", "lastLoginAt", "createdAt"]}
-      actions={(user: cnst.LightUser, idx) => [
-        "remove",
-        "edit",
-        "view",
-        user.status === "active"
-          ? { type: "restrict", render: () => <User.Util.Restrict id={user.id} /> }
-          : { type: "release", render: () => <User.Util.Release id={user.id} /> },
-      ]}
-    />
-  );
-};
-
-export const Self = () => {
-  const self = st.use.self();
-  const userModal = st.use.userModal();
-  return userModal === "edit" ? (
-    <Model.EditModal type="form" sliceName="user" submitOption={{ path: "self" }}>
-      <User.Template.General />
-    </Model.EditModal>
-  ) : (
-    <User.View.General user={self} />
-  );
-};
-  `
-  };
-}
-export {
-  getContent as default
-};

package/esm/src/templates/app/lib/user/index.js

@@ -1,41 +0,0 @@
-// pkgs/@akanjs/cli/src/templates/app/lib/user/index.tsx
-function getContent(scanResult, dict = {}) {
-  return {
-    filename: "index.tsx",
-    content: `
-import { Signal } from "@util/ui";
-import { AiOutlineUser } from "react-icons/ai";
-
-import * as Template from "./User.Template";
-import * as Unit from "./User.Unit";
-import * as Util from "./User.Util";
-import * as View from "./User.View";
-import * as Zone from "./User.Zone";
-
-export const User = {
-  Menu: {
-    Admin: {
-      key: "user",
-      label: "User",
-      icon: <AiOutlineUser />,
-      render: () => <Zone.Admin />,
-    },
-    Doc: {
-      key: "user",
-      label: "User",
-      icon: <AiOutlineUser />,
-      render: () => <Signal.Doc.Zone refName="user" />,
-    },
-  },
-  Template,
-  Unit,
-  Util,
-  View,
-  Zone,
-};
-    `
-  };
-}
-export {
-  getContent as default
-};

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

@@ -1,10 +0,0 @@
-// 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/esm/src/templates/app/playwright.config.ts.template

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

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

@@ -1,10 +0,0 @@
-//! 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/esm/src/templates/app/public/manifest.json.template

@@ -1,67 +0,0 @@
-{
-  "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/esm/src/templates/app/tsconfig.json.template

@@ -1,22 +0,0 @@
-{
-  "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/esm/src/templates/app/tsconfig.spec.json.template

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

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

@@ -1,47 +0,0 @@
-// 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
-};