@akanjs/cli 0.0.142 → 0.0.144

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

@@ -1,65 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/User.Template.tsx
-var User_Template_exports = {};
-__export(User_Template_exports, {
-  default: () => getContent
-});
-module.exports = __toCommonJS(User_Template_exports);
-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>
-  );
-};
-  `
-  };
-}

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

@@ -1,38 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/User.Unit.tsx
-var User_Unit_exports = {};
-__export(User_Unit_exports, {
-  default: () => getContent
-});
-module.exports = __toCommonJS(User_Unit_exports);
-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>;
-};
-  `
-  };
-}

package/cjs/src/templates/libRoot/lib/user/User.Util.js

@@ -1,94 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/User.Util.tsx
-var User_Util_exports = {};
-__export(User_Util_exports, {
-  default: () => getContent
-});
-module.exports = __toCommonJS(User_Util_exports);
-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.libName}/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;
-};
-`
-  };
-}

package/cjs/src/templates/libRoot/lib/user/User.View.js

@@ -1,66 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/User.View.tsx
-var User_View_exports = {};
-__export(User_View_exports, {
-  default: () => getContent
-});
-module.exports = __toCommonJS(User_View_exports);
-function getContent(scanResult, dict) {
-  return {
-    filename: "User.View.tsx",
-    content: `
-import { clsx } from "@akanjs/client";
-import { usePage } from "@${dict.libName}/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>
-  );
-};
-  `
-  };
-}

package/cjs/src/templates/libRoot/lib/user/User.Zone.js

@@ -1,74 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/User.Zone.tsx
-var User_Zone_exports = {};
-__export(User_Zone_exports, {
-  default: () => getContent
-});
-module.exports = __toCommonJS(User_Zone_exports);
-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.libName}/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} />
-  );
-};
-  `
-  };
-}

package/cjs/src/templates/libRoot/lib/user/index.js

@@ -1,61 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/index.tsx
-var user_exports = {};
-__export(user_exports, {
-  default: () => getContent
-});
-module.exports = __toCommonJS(user_exports);
-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,
-};
-    `
-  };
-}

package/cjs/src/templates/libRoot/package.json.template

@@ -1,4 +0,0 @@
-{
-  "name": "@<%= libName %>",
-  "version": "0.0.1"
-}

package/cjs/src/templates/libRoot/tsconfig.json.template

@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "jsx": "preserve",
-    "declaration": true,
-    "declarationDir": "dist"
-  },
-  "references": [
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
-}

package/cjs/src/templates/libRoot/tsconfig.spec.json.template

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

package/cjs/src/templates/localDev/docker-compose.yaml.template

@@ -1,36 +0,0 @@
-version: "3.8"
-networks:
-  <%= repoName %>-network:
-    driver: bridge
-services:
-  redis:
-    container_name: redis
-    image: redis
-    restart: unless-stopped
-    ports:
-      - 6379:6379
-    networks:
-      - <%= repoName %>-network
-  mongo:
-    image: mongo
-    container_name: mongo
-    restart: unless-stopped
-    ports:
-      - 27017:27017
-    volumes:
-      - ./mongo/local/data:/data/db
-    command: mongod --dbpath /data/db
-    networks:
-      - <%= repoName %>-network
-  meili:
-    image: getmeili/meilisearch:latest
-    container_name: meili
-    restart: unless-stopped
-    ports:
-      - "7700:7700"
-    environment:
-      - MEILI_ENV=development
-      - MEILI_MASTER_KEY=masterKey
-      - MEILI_NO_ANALYTICS=true
-    networks:
-      - <%= repoName %>-network

package/cjs/src/templates/module/__Model__.Template.js

@@ -1,54 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// pkgs/@akanjs/cli/src/templates/module/__Model__.Template.tsx
-var Model_Template_exports = {};
-__export(Model_Template_exports, {
-  default: () => getContent
-});
-module.exports = __toCommonJS(Model_Template_exports);
-function getContent(scanResult, dict) {
-  return {
-    filename: `${dict.Model}.Template.tsx`,
-    content: `
-"use client";
-import { cnst, st, usePage } from "@${dict.sysName}/client";
-import { Field } from "@shared/ui";
-import { Layout } from "@util/ui";
-
-interface ${dict.Model}EditProps {
-  ${dict.model}Id?: string | null;
-}
-
-export const General = ({ ${dict.model}Id = undefined }: ${dict.Model}EditProps) => {
-  const ${dict.model}Form = st.use.${dict.model}Form();
-  const { l } = usePage();
-  return (
-    <Layout.Template>
-      <Field.Text
-        label={l.field("${dict.model}", "id")}
-        desc={l.desc("${dict.model}", "id")}
-        value={${dict.model}Form.id}
-        onChange={st.do.setIdOn${dict.Model}}
-      />
-    </Layout.Template>
-  );
-};
-`
-  };
-}

package/cjs/src/templates/module/__Model__.Unit.js

@@ -1,42 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// pkgs/@akanjs/cli/src/templates/module/__Model__.Unit.tsx
-var Model_Unit_exports = {};
-__export(Model_Unit_exports, {
-  default: () => getContent
-});
-module.exports = __toCommonJS(Model_Unit_exports);
-function getContent(scanResult, dict) {
-  return {
-    filename: `${dict.Model}.Unit.tsx`,
-    content: `
-import { ModelProps } from "@akanjs/client";
-import { cnst, ${dict.Model} } from "@${dict.sysName}/client";
-import { Link } from "@util/ui";
-
-export const Card = ({ ${dict.model}, href }: ModelProps<"${dict.model}", cnst.Light${dict.Model}>) => {
-  return (
-    <Link href={href} className="animate-fadeIn w-full h-36 flex rounded-lg shadow-sm hover:shadow-lg duration-300">
-      <div>{${dict.model}.id}</div>
-    </Link>
-  );
-};
-`
-  };
-}

package/cjs/src/templates/module/__Model__.Util.js

@@ -1,70 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// pkgs/@akanjs/cli/src/templates/module/__Model__.Util.tsx
-var Model_Util_exports = {};
-__export(Model_Util_exports, {
-  default: () => getContent
-});
-module.exports = __toCommonJS(Model_Util_exports);
-function getContent(scanResult, dict) {
-  return {
-    filename: `${dict.Model}.Util.tsx`,
-    content: `
-"use client";
-import { ModelDashboardProps, ModelInsightProps } from "@akanjs/client";
-import { getQueryMap } from "@akanjs/constant";
-import { cnst } from "@${dict.sysName}/client";
-import { Data } from "@shared/ui";
-
-export const Stat = ({
-  className,
-  summary,
-  sliceName = "${dict.model}",
-  queryMap = getQueryMap(cnst.${dict.Model}Summary),
-  hidePresents,
-}: ModelDashboardProps<cnst.Summary>) => {
-  return (
-    <Data.Dashboard
-      className={className}
-      summary={summary}
-      sliceName={sliceName}
-      queryMap={queryMap}
-      columns={["total${dict.Model}"]}
-      hidePresents={hidePresents}
-    />
-  );
-};
-
-export const Insight = ({
-  className,
-  insight,
-  sliceName = "${dict.model}",
-}: ModelInsightProps<cnst.${dict.Model}Insight>) => {
-  return (
-    <Data.Insight
-      className={className}
-      insight={insight}
-      sliceName={sliceName}
-      columns={["count"]}
-    />
-  );
-};
-`
-  };
-}

package/cjs/src/templates/module/__Model__.View.js

@@ -1,48 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// pkgs/@akanjs/cli/src/templates/module/__Model__.View.tsx
-var Model_View_exports = {};
-__export(Model_View_exports, {
-  default: () => getContent
-});
-module.exports = __toCommonJS(Model_View_exports);
-function getContent(scanResult, dict) {
-  return {
-    filename: `${dict.Model}.View.tsx`,
-    content: `
-import { clsx } from "@akanjs/client";
-import { cnst } from "@${dict.sysName}/client";
-import { Image } from "@util/ui";
-
-interface ${dict.Model}ViewProps {
-  className?: string;
-  ${dict.model}: cnst.${dict.Model};
-  self?: { id?: string } | null;
-}
-
-export const General = ({ className, ${dict.model}, self }: ${dict.Model}ViewProps) => {
-  return (
-    <div className={clsx(className, "animate-fadeIn w-full")}>
-      <div>{${dict.model}.id}</div>
-    </div>
-  );
-};
-`
-  };
-}