@akanjs/cli 0.0.149 → 0.0.151

package/cjs/src/templates/app/app/[lang]/(__appName__)/(user)/layout.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);
+
+// pkgs/@akanjs/cli/src/templates/app/app/[lang]/(__appName__)/(user)/layout.tsx
+var layout_exports = {};
+__export(layout_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(layout_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "layout.tsx",
+    content: `
+import { Footer } from "@${dict.appName}/ui";
+import { getSelf } from "@akanjs/client";
+
+export default function Layout({ children }: any) {
+  getSelf({ unauthorize: "/signin" });
+  return (
+    <>
+      <div className="w-full min-h-screen pt-20 px-2 container flex flex-col gap-2">{children}</div>
+      <Footer />
+    </>
+  );
+}
+  `
+  };
+}

package/cjs/src/templates/app/app/[lang]/(__appName__)/(user)/self/page.js

@@ -0,0 +1,60 @@
+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/app/app/[lang]/(__appName__)/(user)/self/page.tsx
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "page.tsx",
+    content: `
+import { User as SharedUser } from "@shared/client";
+import { MainHeader } from "@${dict.appName}/ui";
+import { User } from "@${dict.appName}/client";
+import { getSelf } from "@akanjs/client";
+
+export default function Page() {
+  const self = getSelf({ unauthorize: "/signin" });
+  return (
+    <>
+      <MainHeader items={[{ type: "self", name: "profile" }]} />
+      <div className="flex items-center gap-2">
+        <div className="text-2xl">My Profile</div>
+        <User.Util.EditSelf />
+      </div>
+      <div>
+        <User.Zone.Self />
+      </div>
+      <div>
+        <div className="font-bold">Password</div>
+        <div>
+          *******
+          <span>
+            <SharedUser.Util.SetPasswordWithPhone />
+          </span>
+        </div>
+      </div>
+    </>
+  );
+}
+  `
+  };
+}

package/cjs/src/templates/app/app/[lang]/(__appName__)/layout.js

@@ -0,0 +1,54 @@
+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/app/app/[lang]/(__appName__)/layout.tsx
+var layout_exports = {};
+__export(layout_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(layout_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "layout.tsx",
+    content: `
+import "./styles.css";
+import { RootLayoutProps } from "@akanjs/client";
+import { System } from "@akanjs/ui";
+import { env } from "@${dict.appName}/env/env.client";
+import { fetch } from "@${dict.appName}/client";
+
+export const metadata = { title: "${dict.appName}" };
+
+export default function Layout({ children, params }: RootLayoutProps) {
+  return (
+    <System.Provider
+      of={Layout}
+      appName="${dict.appName}"
+      params={params}
+      head={<link rel="icon" href="/favicon.ico" />}
+      // className="bg-base-100"
+      env={env}
+      fetch={fetch}
+    >
+      {children}
+    </System.Provider>
+  );
+}
+  `
+  };
+}

package/cjs/src/templates/app/app/[lang]/admin/layout.js

@@ -0,0 +1,54 @@
+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/app/app/[lang]/admin/layout.tsx
+var layout_exports = {};
+__export(layout_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(layout_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "layout.tsx",
+    content: `
+import "../(${dict.appName})/styles.css";
+import { System } from "@akanjs/ui";
+import { env } from "@${dict.appName}/env/env.client";
+import { fetch } from "@${dict.appName}/client";
+import type { RootLayoutProps } from "@akanjs/client";
+
+export const metadata = { title: "${dict.appName}" };
+
+export default function Layout({ children, params }: RootLayoutProps) {
+  return (
+    <System.Provider
+      of={Layout}
+      appName="${dict.appName}"
+      params={params}
+      head={<link rel="icon" href="/favicon.ico" />}
+      // className="bg-base-100"
+      env={env}
+      fetch={fetch}
+    >
+      {children}
+    </System.Provider>
+  );
+}
+  `
+  };
+}

package/cjs/src/templates/app/app/[lang]/admin/page.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);
+
+// pkgs/@akanjs/cli/src/templates/app/app/[lang]/admin/page.tsx
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "page.tsx",
+    content: `
+"use client";
+import { Admin } from "@shared/client";
+import { User, st } from "@${dict.appName}/client";
+
+export default function Page() {
+  const me = st.use.me();
+  return (
+    <Admin.Zone.Layout
+      password
+      // ssoTypes={["google"]}
+      logo={<div className="text-white ">${dict.appName}</div>}
+      pageMenus={[
+        {
+          key: "data",
+          title: "Data",
+          menus: [
+            Admin.Menu.Admin,
+            User.Menu.Admin,
+          ],
+        },
+        {
+          key: "api",
+          title: "API Doc",
+          menus: [
+            Admin.Menu.Doc,
+            User.Menu.Doc,
+          ],
+        },
+      ]}
+    />
+  );
+}
+  `
+  };
+}

package/cjs/src/templates/app/app/csr.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);
+
+// pkgs/@akanjs/cli/src/templates/app/app/csr.tsx
+var csr_exports = {};
+__export(csr_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(csr_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "csr.tsx",
+    content: `
+import { bootCsr } from "@akanjs/next";
+
+void bootCsr(import.meta.glob("./**/*.tsx"));
+  `
+  };
+}

package/cjs/src/templates/app/app/layout.js

@@ -0,0 +1,38 @@
+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/app/app/layout.tsx
+var layout_exports = {};
+__export(layout_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(layout_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "layout.tsx",
+    content: `
+"use client";
+import { st } from "@${dict.appName}/client";
+import { System } from "@akanjs/ui";
+
+export default function Layout({ children }) {
+  return <System.Root st={st}>{children}</System.Root>;
+}
+  `
+  };
+}

package/cjs/src/templates/app/lib/setting/Setting.Template.js

@@ -0,0 +1,57 @@
+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/app/lib/setting/Setting.Template.tsx
+var Setting_Template_exports = {};
+__export(Setting_Template_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(Setting_Template_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "Setting.Template.tsx",
+    content: `
+"use client";
+import { st, usePage } from "@${dict.appName}/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>
+  );
+};
+  `
+  };
+}

package/cjs/src/templates/app/lib/setting/Setting.Unit.js

@@ -0,0 +1,38 @@
+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/app/lib/setting/Setting.Unit.tsx
+var Setting_Unit_exports = {};
+__export(Setting_Unit_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(Setting_Unit_exports);
+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>;
+};
+  `
+  };
+}

package/cjs/src/templates/app/lib/setting/Setting.Util.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);
+
+// pkgs/@akanjs/cli/src/templates/app/lib/setting/Setting.Util.tsx
+var Setting_Util_exports = {};
+__export(Setting_Util_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(Setting_Util_exports);
+function getContent(scanResult, dict = {}) {
+  return {
+    filename: "Setting.Util.tsx",
+    content: `
+"use client";
+
+export const aaa = 1;
+  `
+  };
+}

package/cjs/src/templates/app/lib/setting/Setting.View.js

@@ -0,0 +1,51 @@
+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/app/lib/setting/Setting.View.tsx
+var Setting_View_exports = {};
+__export(Setting_View_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(Setting_View_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "Setting.View.tsx",
+    content: `
+import { clsx } from "@akanjs/client";
+import { usePage } from "@${dict.appName}/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>
+  );
+};
+  `
+  };
+}

package/cjs/src/templates/app/lib/setting/Setting.Zone.js

@@ -0,0 +1,80 @@
+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/app/lib/setting/Setting.Zone.tsx
+var Setting_Zone_exports = {};
+__export(Setting_Zone_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(Setting_Zone_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "Setting.Zone.tsx",
+    content: `
+"use client";
+import { ModelsProps } from "@akanjs/client";
+import { Setting, st, usePage } from "@${dict.appName}/client";
+import { Model } from "@akanjs/ui";
+import { Loading } from "@akanjs/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>
+  );
+};
+  `
+  };
+}

package/cjs/src/templates/app/lib/setting/index.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);
+
+// pkgs/@akanjs/cli/src/templates/app/lib/setting/index.tsx
+var setting_exports = {};
+__export(setting_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(setting_exports);
+function getContent(scanResult, dict = {}) {
+  return {
+    filename: "index.tsx",
+    content: `
+import { Signal } from "@akanjs/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,
+};
+  `
+  };
+}