@akanjs/cli 0.0.34 → 0.0.35

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

@@ -0,0 +1,47 @@
+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);
+var Summary_View_exports = {};
+__export(Summary_View_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(Summary_View_exports);
+function getContent(scanResult, dict) {
+  return `
+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>
+  );
+};
+  `;
+}
+module.exports = module.exports.default;

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

@@ -0,0 +1,58 @@
+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);
+var Summary_Zone_exports = {};
+__export(Summary_Zone_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(Summary_Zone_exports);
+function getContent(scanResult, dict) {
+  return `
+"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} />;
+};
+  `;
+}
+module.exports = module.exports.default;

package/templates/app/lib/summary/_server.js

@@ -0,0 +1,47 @@
+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);
+var server_exports = {};
+__export(server_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(server_exports);
+function getContent(scanResult, dict) {
+  return `
+import { databaseModuleOf } from "@akanjs/server";
+
+import { cnst } from "../cnst";
+import * as db from "../db";
+import type { ModulesOptions } from "../option";
+import { allSrvs } from "../srv";
+import { SummaryService } from "./summary.service";
+import { SummarySignal } from "./summary.signal";
+
+export const registerSummaryModule = (option: ModulesOptions) =>
+  databaseModuleOf(
+    {
+      constant: cnst.summaryCnst,
+      database: db.summaryDb,
+      signal: SummarySignal,
+      service: SummaryService,
+      extended: true,
+    },
+    allSrvs
+  );
+  `;
+}
+module.exports = module.exports.default;

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

@@ -0,0 +1,63 @@
+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);
+var summary_exports = {};
+__export(summary_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(summary_exports);
+function getContent(scanResult, dict = {}) {
+  return `
+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,
+};
+  `;
+}
+module.exports = module.exports.default;

package/templates/app/lib/summary/summary.constant.js

@@ -0,0 +1,43 @@
+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);
+var summary_constant_exports = {};
+__export(summary_constant_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(summary_constant_exports);
+function getContent(scanResult, dict) {
+  return `
+import { from, Model, over, via } from "@akanjs/constant";
+
+import { modelSummaries } from "../__lib/extends/summary.constant";
+import { libSummaries, root } from "../__lib/lib.constant";
+
+@Model.Summary("${dict.AppName}Summary")
+export class ${dict.AppName}Summary extends over(...modelSummaries) {}
+
+export class SummaryObject extends from(...libSummaries, ${dict.AppName}Summary) {}
+export class SummaryInput extends root.SummaryInput {}
+
+@Model.Light("LightSummary")
+export class LightSummary extends via(SummaryObject, ["at"] as const) {}
+
+@Model.Full("Summary")
+export class Summary extends via(SummaryObject, LightSummary, root.Summary, root.LightSummary) {}
+  `;
+}
+module.exports = module.exports.default;

package/templates/app/lib/summary/summary.dictionary.js

@@ -0,0 +1,48 @@
+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);
+var summary_dictionary_exports = {};
+__export(summary_dictionary_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(summary_dictionary_exports);
+function getContent(scanResult, dict) {
+  return `
+import { ExtendModelDictionary, SignalDictionary } from "@akanjs/dictionary";
+
+import { libSummaryDictionary } from "../__lib/lib.dictionary";
+import type { ${dict.AppName}Summary } from "./summary.constant";
+import type { SummarySignal } from "./summary.signal";
+
+const modelDictionary = {
+  // * ==================== Model ==================== * //
+  ...libSummaryDictionary,
+  // * ==================== Model ==================== * //
+
+  // * ==================== Etc ==================== * //
+  // * ==================== Etc ==================== * //
+} satisfies ExtendModelDictionary<${dict.AppName}Summary>;
+
+const signalDictionary = {
+  // * ==================== Endpoint ==================== * //
+  // * ==================== Endpoint ==================== * //
+} satisfies SignalDictionary<SummarySignal, ${dict.AppName}Summary>;
+
+export const summaryDictionary = { ...modelDictionary, ...signalDictionary };
+  `;
+}
+module.exports = module.exports.default;

package/templates/app/lib/summary/summary.document.js

@@ -0,0 +1,47 @@
+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);
+var summary_document_exports = {};
+__export(summary_document_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(summary_document_exports);
+function getContent(scanResult, dict = {}) {
+  return `
+import { beyond, by, Database, inside, type SchemaOf } from "@akanjs/document";
+
+import { rootSummary } from "../__lib/lib.document";
+import { cnst } from "../cnst";
+
+@Database.Input(() => cnst.SummaryInput)
+export class SummaryInput extends by(rootSummary.Input, cnst.SummaryInput) {}
+
+@Database.Document(() => cnst.Summary)
+export class Summary extends by(rootSummary.Doc, cnst.Summary) {}
+
+@Database.Model(() => cnst.Summary)
+export class SummaryModel extends inside(rootSummary.Model, cnst.summaryCnst) {}
+
+@Database.Middleware(() => cnst.Summary)
+export class SummaryMiddleware extends beyond(SummaryModel, Summary) {
+  onSchema(schema: SchemaOf<SummaryModel, Summary>) {
+    //
+  }
+}
+  `;
+}
+module.exports = module.exports.default;

package/templates/app/lib/summary/summary.service.js

@@ -0,0 +1,33 @@
+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);
+var summary_service_exports = {};
+__export(summary_service_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(summary_service_exports);
+function getContent(scanResult, dict) {
+  return `
+import { Service } from "@akanjs/service";
+
+import { ProtoSummaryService } from "../__lib/lib.service";
+
+@Service("SummaryService")
+export class SummaryService extends ProtoSummaryService {}
+  `;
+}
+module.exports = module.exports.default;

package/templates/app/lib/summary/summary.signal.js

@@ -0,0 +1,33 @@
+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);
+var summary_signal_exports = {};
+__export(summary_signal_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(summary_signal_exports);
+function getContent(scanResult, dict = {}) {
+  return `
+import { LogSignal, Signal } from "@akanjs/signal";
+
+import { cnst, Srvs } from "../cnst";
+
+@Signal(() => cnst.Summary)
+export class SummarySignal extends LogSignal(Srvs) {}
+  `;
+}
+module.exports = module.exports.default;

package/templates/app/lib/summary/summary.store.js

@@ -0,0 +1,40 @@
+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);
+var summary_store_exports = {};
+__export(summary_store_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(summary_store_exports);
+function getContent(scanResult, dict = {}) {
+  return `
+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 });
+  }
+}
+  `;
+}
+module.exports = module.exports.default;

package/templates/app/lib/user/User.Template.js

@@ -0,0 +1,61 @@
+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);
+var User_Template_exports = {};
+__export(User_Template_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(User_Template_exports);
+function getContent(scanResult, dict) {
+  return `
+"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>
+  );
+};
+  `;
+}
+module.exports = module.exports.default;

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

@@ -0,0 +1,34 @@
+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);
+var User_Unit_exports = {};
+__export(User_Unit_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(User_Unit_exports);
+function getContent(scanResult, dict = {}) {
+  return `
+import { ModelProps } from "@akanjs/client";
+
+import { cnst } from "../cnst";
+
+export const Card = ({ className, user }: ModelProps<"user", cnst.LightUser>) => {
+  return <div>{user.id}</div>;
+};
+  `;
+}
+module.exports = module.exports.default;

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

@@ -0,0 +1,90 @@
+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);
+var User_Util_exports = {};
+__export(User_Util_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(User_Util_exports);
+function getContent(scanResult, dict) {
+  return `
+"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;
+};
+  `;
+}
+module.exports = module.exports.default;